Ubuntu系统下Visual Studio Code设置图片背景失败求助

先确认VSCode安装方式 #

执行命令 which code 查看输出：

• 输出/snap/bin/code → 为snap安装版
• 输出/usr/bin/code → 为deb包安装版

针对Snap版VSCode（大概率是问题根源） #

Snap版有严格的沙箱限制，即便修改权限，扩展也无法修改VSCode内部文件，且更新后权限会被重置，直接更换为deb包版更省心：

1. 卸载snap版VSCode：

   sudo snap remove code
   

2. 安装deb包版VSCode：

   # 添加微软官方源
   wget -qO- https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > packages.microsoft.gpg
   sudo install -D -o root -g root -m 644 packages.microsoft.gpg /etc/apt/trusted.gpg.d/packages.microsoft.gpg
   sudo sh -c 'echo "deb [arch=amd64,arm64,armhf signed-by=/etc/apt/trusted.gpg.d/packages.microsoft.gpg] https://packages.microsoft.com/repos/code stable main" > /etc/apt/sources.list.d/vscode.list'
   rm -f packages.microsoft.gpg
   
   # 更新并安装
   sudo apt update && sudo apt install code
   

3. 配置background-cover扩展：
   • 打开VSCode设置（快捷键Ctrl+,），搜索background cover
   • 在Background Cover: Image Path中填入图片绝对路径（例如/home/你的用户名/Pictures/background.jpg）
   • 调整透明度、位置等参数后，重启VSCode即可生效

若已是Deb版仍无法生效 #

按以下步骤排查：

1. 检查background-cover配置：
   • 必须填写绝对路径，不能用相对路径；确保图片权限为当前用户可读（执行chmod 644 /你的图片路径）
2. 重置VSCode配置以避免冲突：
   • 关闭VSCode，执行命令：

     mv ~/.config/Code ~/.config/Code_backup
     

   • 重新打开VSCode，重装background-cover并重新配置
3. 禁用所有其他主题和扩展，仅保留background-cover测试，排除扩展冲突

替代方案：无需扩展的手动设置 #

不想使用扩展的话，deb版可直接修改CSS实现：

1. 打开VSCode，按Ctrl+Shift+P输入Developer: Toggle Developer Tools打开调试工具
2. 在Elements面板找到.monaco-workbench元素，添加以下样式：

   .monaco-workbench {
       background-image: url('file:///home/你的用户名/Pictures/background.jpg') !important;
       background-size: cover !important;
       opacity: 0.9; /* 调整透明度，0为全透明，1为完全不透明 */
   }
   

3. 要永久生效，修改VSCode的CSS文件：
   • 备份原文件：sudo cp /usr/share/code/resources/app/out/vs/workbench/workbench.desktop.main.css /usr/share/code/resources/app/out/vs/workbench/workbench.desktop.main.css.bak
   • 编辑文件，将上述CSS代码添加至末尾，重启VSCode即可（注意：VSCode更新后会覆盖此文件，需重新修改）

内容的提问来源于stack exchange，提问作者GerardB