vscode设置背景图，并解决【不受支持】的问题

最新推荐文章于 2025-09-08 14:49:10 发布

原创最新推荐文章于 2025-09-08 14:49:10 发布 · 4.4k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#vscode

other 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了如何在Visual Studio Code(VSCode)中设置自定义背景图，并解决设置后出现的【不受支持】提示的方法。通过安装background插件，编辑settings.json文件，添加自定义图片路径和样式，可以成功设置背景。若遇到【不受支持】问题，可安装FixVSCodeChecksums插件，运行FixChecksums:Apply命令，重启VSCode即可消除提示。

一.设置背景图

1. 在扩展程序中搜索【background】插件进行安装

2. 打开设置，在搜索中输入background，选择扩展中的plugin background，选择在setting.json中编辑

3. 在settings.json中输入以下代码，保存，重启vscode

{
    ... //其他配置信息
    // background配置信息
    "background.enabled": true,
    "background.useDefault": false,
    "background.customImages": [
        "file:///D:/vscodeBg.png"  // 自定义背景图
    ],
    "background.style": {
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "z-index": "99999",
        "width": "100%",
        "height": "100%",
        // "background-position": "100% 100%",
        "background-repeat": "no-repeat",
        // "background-size": "100%, 100%",
        "opacity": 0.1
    }
    
}

4. 设置后效果如下：