当前位置: 首页 > 图灵资讯 > 行业资讯> VSCode自定义背景

VSCode自定义背景

来源:图灵python
时间: 2025-03-04 22:15:02

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" 这是图片的路径地址。如果你想显示三张图片,你需要分栏才能显示它们