每日日一言

> > 未来的你会感谢每一个奋斗的今天。

一、推荐的方法：

1、打开vscode，安装插件background，如图

（搜索background，安装第一个就行，我是已经安装了）

2、安装之后，依次点击设置，如图：

3、然后，它这里的图片格式要求是

   https://a.com/b.png
   file:///a/b.jpg    

我们使用这种：file:///a/b.jpg

因为是本地图片，file协议就ok；a/b.jpg 是你需要更改的图片路径；

找到你想要图片，可以右键点击属性，复制位置路径加上图片名字，如图（这是我的图片路径供参考）

4、上一步添加项其实就是在修改settings.json里面background.customImages属性，所有我们直接点击

在settings.json中编辑 即可！！！

主要是修改"background.customImages"和 "images" 这两个属性，添加你想要的图片路径；

注1：修改如下（我只放了一张图）：

{
    /** 编辑器背景 */
    "window.titleBarStyle": "custom", //首先把标题栏改为非原生的
    "background.enabled": true,
   
    "background.customImages": [
        "file:///C:/Users/26911/Pictures/pigpigpic/book.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.6 //这个是设置图片透明度，取值0-1；1是完全不透明
    },
    "explorer.confirmDelete": false,
    "background.fullscreen": {
        

        "images": [ "file:///C:/Users/26911/Pictures/pigpigpic/book.jpg"],
        "opacity": 0.75,
        "size": "cover",
        "position": "center",
        "interval": 0
    },
    "security.workspace.trust.untrustedFiles": "open"
}

注2：如果想要多张图片轮播，可以添加多张图片的路径（图片与图片之间的路径使用逗号分开，路径记得加引号），并且如下三个属性都需要修改

"background.customImages"

"images"

"interval": 0 //这里是设置图片轮播的间隔时间，单位为秒

5、最后，我选择了这个

二、其他的方法

我是看了最热门的那篇CSDN博客，它的三种方法我都试了

• 方法一如上（推荐）；

• 方法二（有点缺点）：

插件background-cover，简单，直接在安装好之后vscode右下角附近有个图片的小图标，点击可以选择更换背景图。

但是不知道为什么不太稳定，有时候重开vscode就没了，又需要重新手动设置！！！

• 方法三（不太有用）：

C:\Users\26911\AppData\Local\Programs\Microsoft VS Code\resources\app\out\vs\workbench\workbench.desktop.main.css

（这个文件是在vscode安装路径下，也许会不一样）

最后一路找到这个文件使用vscode进行修改，ctrl+F输入body {

找到body属性添加修改如下：

body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 11px;
    user-select: none;
    -webkit-user-select: none;
    /* z-index: 99999;
    background:url(./bg.jpg) no-repeat center;
    opacity:0.75;
    background-size:cover; */
    //这段被我注释了，ctrl+/快捷键取消注释
}

怎么说，这个方法我没成功，重启vscode，图片会闪现一下，可能一秒都没有就又不见了