VSCode设置背景图片的两种方式

1.可以通过直接修改VSCode的css代码来设置

2.可以通过下载插件来设置

第一种：

首先要找到css文件：

然后在css文件中加入如下代码：

body {
    /*背景图片的路径*/
    background-image: url(C:/Users/Lenovo/Desktop/壁纸/15.jpg);
    /* 图片不重复 */
    background-repeat: no-repeat;
    /* 图片位置 */
    background-position: center;
    /* 图片大小 */
    background-size: cover;
    /* 透明度 */
    opacity: 0.7;
}

（图片的路径要改成自己的哦）

也可以将background都写到一行:

body {
    background: url(C:/Users/Lenovo/Desktop/壁纸/15.jpg) no-repeat center/cover;
    opacity: 0.7;
}

第二种：

首先下载安装插件background：

然后去设置：

文件→首选项→设置，在settings.json中编辑(右面往下拉一会可以看到)

在settings.json里面添加如下代码：

"update.enableWindowsBackgroundUpdates": true,
"background.customImages": [
     "file:///F:/Picture/Yukino/vs_background.png" //图片的路径
],
"background.style": {
     "content": "''",
     "pointer-events": "none",
     "position": "absolute", //定位
     "width": "100%",
     "height": "100%",
     "z-index": "99999",
     "background.repeat": "no-repeat", //是否重复
     "background-size": "25%,25%", //图片大小
     "opacity": 0.2 //透明度
},
"background.useFront": true,
"background.useDefault": false, //是否使用默认图片

关于background插件的一些的注意事项和常见问题