VSCode设置自定义背景的三种方法

第一种方法

1.在插件栏下载background插件

2.选第一个安装后 点击这个扩展设置

3.点击这个Background：style 在setting.json中设置
插入这段代码

{
 /** 编辑器背景 */
     "window.titleBarStyle": "custom", //首先把标题栏改为非原生的
     "background.enabled": true,
     "background.useDefault": false,
     "background.customImages": [
        //  这个是图片地址 注意这个是左斜杠
         "C:/Users/admin/Desktop/img-1/24.jpg"
     ],
     //这些都像css那样可以改样式的
     "background.style": {
         "content": "''",
         "pointer-events": "none",
         "position": "absolute",
         "z-index": "99999",
         "width": "100%",
         "height": "100%",
         "background-position": "cover",
         "background-repeat": "no-repeat",
         "background-size": "cover",  
         "opacity": 0.2  //这个是设置透明度
     }
}

第一种方法三步搞定

第二种方法

1.用插件background-cover方法

2.依然还是扩展设置里面

3.点击后是这个

4.把勾选选上 再把你的图片地址填上去重启就好了
注意还是用右斜杠
第二种方法就完成了

第三种方法

直接改变vscode的body背景
1.右键vscode点击她的所在位置

2.打开后有一个resource这个文件夹

点进去后是app。再点找到out文件。 out里面的vs文件夹。再找到workbench这个文件夹。
找到这个文件后，右键用vscode打开

再找到

3.打开后在底层加入这段代码。

依然还是改css样式那种 加入这段代码后重启

body{
    background:url(C:/Users/admin/Desktop/img-1/8.jpg) no-repeat center;
    opacity:0.75;
    background-size:100% 100%;
}

这个方法会全屏，比较推荐使用。
以上就是这三种方法了，有用的朋友，关注，收藏一波！