【VSCode】设置背景图片

1.下载background插件：拓展程序→background→install安装→设置：

2.点击在 settings.json 中编辑：

3.将settings.json文件中所有代码注释，添加以下代码：

{// 是否开启背景图显示"background.enabled":true,// true-显示默认的图片  false-显示用户自定义的图片"background.useDefault":false,// 最多设置三张图片，默认显示最上方的图片，当打开多个侧边栏时再依次显示后面的背景图片"background.customImages":["file:///C:/Users/admin/Pictures/Camera Roll/1.jpg","file:///C:/Users/admin/Pictures/Camera Roll/2.jpg","file:///C:/Users/admin/Pictures/Camera Roll/3.jpg"],// CSS显示样式设置"background.style":{"content":"''","pointer-events":"none","top":"0","left":"0","width":"100%","height":"100%","z-index":"99999","background.repeat":"no-repeat","background-size":"cover",// 设置透明度"opacity":0.2},"editor.minimap.enabled":false,}

4.将原代码注释后，加入以下代码。注意修改图片路径。

{// 是否开启背景图显示"background.enabled":true,// true-显示默认的图片  false-显示用户自定义的图片"background.useDefault":false,// 最多设置三张图片，默认显示最上方的图片，当打开多个侧边栏时再依次显示后面的背景图片"background.customImages":["file:///D:/Work/Image1/阿尼亚1.jpg","file:///D:/Work/Image1/阿尼亚2.jpg","file:///D:/Work/Image1/阿尼亚3.jpg"],// CSS显示样式设置"background.style":{"content":"''","pointer-events":"none","top":"0","left":"0","width":"100%","height":"100%","z-index":"99999","background.repeat":"no-repeat","background-size":"cover",// 设置透明度"opacity":0.2},"editor.minimap.enabled":false,}

5.保存后重启 VSCode 即可。

6.切换主题颜色：设置→颜色主题→通过上下键选择自己喜欢的主题颜色。