VSCode---background插件

最新推荐文章于 2025-06-18 09:01:36 发布

原创最新推荐文章于 2025-06-18 09:01:36 发布 · 1.4w 阅读

31 ·

CC 4.0 BY-SA版权

文章标签：

#VSCode

Vue.js 专栏收录该内容

26 篇文章

订阅专栏

本文详细介绍如何在VSCode中安装并使用background插件来设置个性化背景，包括以管理员身份运行VSCode、安装插件、配置setting.json文件及注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、以管理员身份运行VS Code，搜索安装background插件
在这里插入图片描述
2、打开设置，选择扩展中的plugin background，选择在setting.json中编辑

3、在setting.json中输入以下代码，修改完后按Ctrl+S保存，会提示重启VS Code，点击确定后即可完成修改

// background相关配置 Start
  "background.useDefault": false,
  "background.style": {
    "content": "''",
    "pointer-events": "none",
    "position": "absolute",
    "bottom": "0px",
    "right": "15px",
    "z-index": "99999",
    "width": "150px",
    "height": "213px",
    "background-position": "0% 0%",
    "background-size": "cover",
    "background-repeat": "no-repeat",
    "opacity": 0.3
  },
  "background.customImages": [
    "file:///D:/VSCodeBackground/ram1.png",
    "file:///D:/VSCodeBackground/ram2.png",
    // "file:///D:/VSCodeBackground/ram3.jpg",
  ]
  // background相关配置 End

注意：
1、安装该插件会令VS Code发出警告，选择不再显示即可

2、必须以管理员身份运行才能修改

3、最好使用透明背景的图片

4、每次vscode更新都会不显示图片，只要以管理员身份重启即可

效果如下：
在这里插入图片描述
本文参考：https://blog.youkuaiyun.com/yukinoai/article/details/84564949