如何在vscode中设置一个狂炫酷霸吊炸天的背景图片

1.首先在vscode的左边栏扩展（快捷键Ctrl+shift+x）中，找到 background 这个插件，就是下图1这个萌妹纸图标的插件：

图1

仙人指路：遇到一些陌生的插件，细读它的细节、功能贡献及更改日志就可以解决绝大多数的问题开始使用。

2.安装这个萌妹纸。

安装完成，右下角会提示你restart vscode，重启即可。

重启之后，右下角会显示下图2这个吓人的警告，这是因为这个插件是通过修改 vscode 的 css 文件的方式运行 所以会在初次安装，或者 vscode 升级的时候，出现这个吓人的警告时点击齿轮设置不再显示即可。

图2

这个时候已经有插件默认的一个背景图片了，但是不够狂炫酷霸吊炸天，不能满足个性化需求。

3.设置自己喜欢的个性化壁纸。

文件---首选项---设置---搜索background

找到扩展中的background插件配置的部分，如下图3：

图3

自己设定背景图

在settings.json中编辑

初始截面如下图4:

图4

在里面加入相应的设置代码：

 "background.enabled": true,    #是插件是否启用
    "background.useDefault": false,   #是否使用默认图片，false，我们要设置自己的！
    "background.customImages": [
    "file:///D:/个人空间/壁纸/1033287.jpg"
    ],                                 #设置图片路径，你电脑中想要设置为背景的图片的路径。
    "background.style": {
    "content": "''",
    "pointer-events": "none",
    "position": "absolute",
    "z-index": "99999",
    "width": "100%",
    "height": "100%",
    "background-position": "center",
    "background-repeat": "no-repeat",
    "background-size": "100%,100%",
    "opacity": 0.1
    }

最后就是background.style了，大家根据自己的喜好设置调试，注意后面的"opacity"是透明度，它的设置决定了背景图片的亮与暗，本文末尾有设置为0.8时的效果对比图。

具体的设置截面效果如下图5

注：这里的图4图5已经有的背景是因为我之前设置过的，如果你没有设置，默认的背景图片这里是纯色的黑色或白色。