js修改背景图片路径_如何修改自己VScode编辑器的背景画面？

对于一名爱好编程的程序猿（媛），对自己的软件编辑器当然都有过一丢丢小想法啦。因此对于一名很有梦想的程序猿的我来说，肯定是...也不例外！下面就来为大家介绍一下怎么给它扮靓靓啦...

1. 首先打开VScode软件，点击插件商店这个图标，输入background，进入界面，点击安装。步骤如图1-图2-图3

图1

图2

图3

2.按住ctrl+，现设置界面，输入background，显示扩展设置，然后点击“在settings.json中编辑”。如图4

图4

3. 输入以下代码设置背景图片的样式，注意：要在大括号里面输入；图片选自己喜欢看的，但路径和格式不能错；透明度可以根据自己需求设置。代码在最后面，可以直接复制粘贴。步骤如图5。

图5

4.设置完按ctrl+保存之后，会弹出让你重启VScode，点击就对了。重启之后随便新建一个文件，我就看到了索大，惊不惊喜？意不意外？步骤如图6-图7

图6

图7

5. 最后附上代码和福利照片，欢迎笑纳！谢谢各位看官，要不点个赞再走呗O(∩_∩)O

代码如下：

"background.enabled": true,
"background.useDefault": false,
"background.customImages": [
"file:///E:/pic/suo.png"
],
"background.style": {
"content": "''",
"pointer-events": "none",
"position": "absolute",
"top": "0",
"right": "0",
"background-size": "cover",
"opacity": 0.1,
"z-index": "99999",
"width": "100%",
"height": "100%",
"background-repeat": "no-repeat",
},

福利照片：