VS Code用Background插件加背景图（傻瓜式教程）

VS Code用Background插件养“电子宠物”：给编辑器加背景图（傻瓜式教程）

想让VS Code告别单调？用shalldie.background插件给编辑器加背景图，操作超简单，小白10分钟搞定！

效果图

一、准备工作

1. 电脑已安装VS Code（未安装的话，先去 VS Code官网 下载）
2. 准备1张喜欢的图片（建议选浅色/低透明度的图，避免遮挡代码）

二、安装Background插件

1. 打开VS Code，点击左侧「扩展」图标（或按快捷键 Ctrl+Shift+X）
2. 在搜索框输入「Background」，找到作者为shalldie的插件（如截图所示）

截图参考：

三、设置背景图

1. 打开vscode，点击「文件」->「首选项」->「配置文件」
2. 修改配置并保存
3. 按 Ctrl+Shift+P 打开命令面板，输入「Background: Set Background」,选择激活
4. 成功

1.打开vscode，点击「文件」->「首选项」->「配置文件」

2. 修改配置并保存

3. 激活

四、调整背景参数（避免遮挡代码）

{
"background.enabled": true,
  "background.fullscreen": {
    // `images` supports online and local images, as well as folders.
    "images": [
      // online images, only `https` is allowed.
      "https://hostname/online.jpg",
      // local images
      "file:///local/path/img.jpeg",
      "/home/xie/downloads/img.gif",
      "C:/Users/xie/img.bmp",
      "D:\\downloads\\images\\img.webp",
      // local folders
      "/home/xie/images"
    ],
    "opacity": 0.2,     // 透明度，20%不透明
    "size": "cover",    // 覆盖整个编辑器区域
    "position": "center", // 居中对齐
    "interval": 0,      // 不自动切换
    "random": false     // 不随机播放
  },
  // `sidebar` and `panel` have the same config as `fullscreen`
  "background.sidebar": {},
  "background.panel": {}
}