vs code设置好看的背景图片

vs code设置好看的背景图片，生成效果如下：

第一步，找到settings.json文件

假如不知道在哪里找到可以参考下面的步骤

设置--扩展--CSS -- 右边的settings.json

按照图片进行到第四步 而后点击进去

第二步，在setting.json中写样式

 "background.customImages": [        "file://D:/vscode/config/bg.png"    ],    "background.style": {        "content":"''",        "pointer-events":"none",        "position":"absolute",//图片位置        "width":"100%",        "height":"100%",        "z-index":"99999",        "background.repeat":"no-repeat",        "background-size":"70%, 50%",//图片大小        "opacity":0.2 //透明度    },    "background.useFront": true,    "background.useDefault": false //能否使用默认图片

注意：file://D:/vscode/config/bg.png这个是背景图片的地址

我的settings.json所有代码如下

{    "editor.renderIndentGuides": false,    "editor.tabSize": 2,    "eslint.autoFixOnSave": true,    "window.zoomLevel": 0,    "git.autofetch": true,    "workbench.colorTheme": "Visual Studio Dark",        "vscode_custom_css.policy": true,    "terminal.integrated.rendererType": "dom",    "material-icon-theme.activeIconPack": "vue",    "background.customImages": [        "file://D:/vscode/config/bg.png"    ],    "background.style": {        "content":"''",        "pointer-events":"none",        "position":"absolute",//图片位置        "width":"100%",        "height":"100%",        "z-index":"99999",        "background.repeat":"no-repeat",        "background-size":"70%, 50%",//图片大小        "opacity":0.2 //透明度    },    "background.useFront": true,    "background.useDefault": false //能否使用默认图片}

编辑好了之后，重启vscode,好看的背景图片样式就生成了