VScode加背景图（工作区及全局）

VScode 加背景图

1.下插件background(图像是动漫小女孩)（ctrl+ shift + x可快捷打开插件商店，以下出现的快捷方式皆会帮助我们快速找到位置）

2. ( ctrl+, ) 首选项设置里搜索 background ,找到 setting.json 并点击

3. 在里面加上以下代码：

"background.customImages": [
        "file:///D:/Download(edge)/photo/bcg1.jpg", //本机图片的路径(注意写路径时不要包含中文状态下的字符)
        "file:///D:/Download(edge)/photo/bcg2.jpg"
    ],
    "background.style": {
        
        "width": "100%",
        "height": "100%",
        "content": "''",
        "pointer-events": "none",
        "position": "absolute", 
        "z-index": "99999",
        "background-size": "cover", // 图片大小，cover表铺满
        "background-repeat": "no-repeat", 
        "opacity": 0.3 // 可调节透明度，0->1透明度加大
    },
   
    "background.useDefault": false, //不使用默认图片

注：修改"background.customImages"里的图片路径后，可以ctrl+鼠标点击该文件路径，若不能出来图片则表明路径错误或图片名字（不要用中文模式下的字符）错误。

备注一："background.customImages" 里可以放很多张图片，打开并列窗口时可以同时展示

备注二：想要变成全局的背景，可以在图中所示位置加路径（全局只会显示一张图，你多加也没用，只会显示第一张）

 

重启vscode即可看到效果。（可能会报错，不需要理会，或者安装Fix VSCode Checksums 插件）

解决方法:

安装 Fix VSCode Checksums 插件

（ Ctrl+Shift+P ） 输入Fix Checksums，点击Apply那个，之后重启即可

关注我，获取更多~