VSCode是开发人员插件最丰富的集成开发工具,VSCode开发工具设置自定义背景图片插件教程
Visual Studio Code设置自定义背景图片
1、在VS 在Code扩展中搜索 background ,可以找到如图所示的插件,点击下载
2、然后打开文件 ->首选项 ->设置
3、在设置中找到常用的设置,找到下图中选择的settingssetings.json也可以在搜索中设置搜索中搜索 Associations/
4、settings.json输入如下
代码如下:注意路径
{
"background.enabled": true,
"background.useDefault": false,
"background.customImages": [
"file:///E:/image/2.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
},}
5、重启后,背景图是你自己改变的。
注:程序代码分析如下:
"background.enabled": true,是否使用插件,当我们下载插件并重启VS时 code之后,已经有这句话了
"background.useDefault": false,是否使用默认图片,false是否使用默认图片
"background.customImages",这是一个数组,也就是说,可以设置多张不同的图片!记住,最多三张! "E:/image/2.jpg" 这是图片的路径地址。如果你想显示三张图片,你需要分栏才能显示它们