给编辑器设置一个背景

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

觉得编辑器视觉疲劳，或者喜欢点图案增加点搬砖乐趣的同学，可以给编辑器设置一个背景图。

用到插件background,这个插件本身有自带的一个卡通人物作为北京，但是我想要那种大面积，比较有存在感的背景图，就去自己设置了一下。这里注意，背景图最好是透明的，可以在网上找个图，如果自己不会，可以让UI给扣一下，加个透明背景就ok了。

1. 安装插件background,这时配置的背景是插件自带的图片

2. ctrl+shift+p打开首选项设置json文件，找到background配置的地方，修改或添加自定义的图片地址，调整样式。 完整配置如下:

	"background.customImages": [
        "file:///G:/img/bgc.png" //图片地址
    ],
    "background.style": {
        "content": "''",
        "pointer-events": "none",
        "position": "fixed", //图片位置
        "right": 0,
        "bottom": 0,
        "width": "100%",
        "height": "100%",
        "z-index": "99999",
        "background.repeat": "no-repeat",
        "background-size": "100%,auto", //图片大小
        "opacity": 0.8 //透明度
    },
    "background.enabled": true,
    "background.useFront": true,
    "background.useDefault": false,

3. 然后重启编辑器可查看效果