MacOS下VS Code Background插件设置背景遇EROFS权限错误求助

问题原因 #

EROFS: read-only file system错误源于MacOS的App Translocation机制：当你从非官方渠道下载VS Code且未解除应用隔离时，系统会将其放在临时只读镜像环境中运行，导致Background插件无法修改VS Code内部的CSS文件。

解决方法 #

1. 解除VS Code的应用隔离 #

打开终端，执行以下命令（默认路径为/Applications，若你的VS Code安装在其他位置请替换路径）：

xattr -dr com.apple.quarantine /Applications/Visual\ Studio\ Code.app

执行完成后重启VS Code。

2. 手动指定插件的CSS文件路径 #

若步骤1无效，可手动设置插件指向VS Code的实际安装路径：

• 打开VS Code设置（快捷键Cmd+,）
• 搜索background.customCss，将默认路径替换为实际的CSS文件路径：

  /Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.desktop.main.css
  

• 保存设置后重启VS Code。

3. 赋予VS Code完整磁盘访问权限 #

• 打开系统偏好设置 → 安全性与隐私 → 隐私标签页 → 完整磁盘访问权限
• 点击左下角锁图标解锁，添加VS Code到权限列表中
• 重启VS Code

4. 替代方案：使用Custom CSS and JS Loader插件 #

如果上述方法均无效，推荐改用Custom CSS and JS Loader插件，它的工作机制更适配MacOS权限限制：

• 安装插件后，在设置中指定自定义CSS文件路径
• 自定义CSS示例（替换为你的背景图路径）：

  body {
    background: url('file:///Users/你的用户名/路径/背景图片.jpg') no-repeat center center fixed;
    background-size: cover;
    opacity: 0.7;
  }
  

• 按照插件提示重启VS Code即可生效

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