当前位置: 首页> 文旅> 文化 > 【VSCode】设置背景图片

【VSCode】设置背景图片

时间:2025/7/11 0:17:57来源:https://blog.csdn.net/DX390609/article/details/140325545 浏览次数:0次

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.切换主题颜色:设置→颜色主题→通过上下键选择自己喜欢的主题颜色。
在这里插入图片描述
在这里插入图片描述

关键字:【VSCode】设置背景图片

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: