如何为不同VSCode实例设置独立外观或配色方案？

具体操作方法 #

• 打开对应分支项目文件夹的VS Code实例，按下快捷键Ctrl+Shift+P（macOS系统替换为Cmd+Shift+P）调出命令面板，搜索执行Preferences: Open Workspace Settings (JSON)，打开的就是仅对当前工作区生效的专属配置文件，所有在这里写的配置都不会影响你打开的其他VS Code窗口。
• 最直观的区分方式是自定义窗口核心区域的配色，不需要更换整套主题就能快速识别，你可以在配置文件中加入如下配置，给不同分支的项目设置专属识别色，比如功能分支用蓝色、bug修复分支用红色、预发布分支用绿色：

{
  // 自定义当前工作区的界面颜色
  "workbench.colorCustomizations": {
    "titleBar.activeBackground": "#c0392b", // 窗口顶部标题栏背景色
    "titleBar.activeForeground": "#ffffff", // 标题栏文字颜色
    "activityBar.background": "#c0392b", // 左侧活动栏背景色
    "statusBar.background": "#c0392b" // 底部状态栏背景色
  },
  // 还可以自定义标题栏文字，直接标注分支名
  "window.title": "【fix-登录bug】${dirty}${activeEditorShort}${separator}${rootName}${separator}${appName}"
}

• 如果你想让不同窗口差异更大，也可以单独给当前工作区指定整套主题、图标主题，配置项和全局设置完全一致，常用配置包括：
  • "workbench.colorTheme": "Default Light+"：单独设置当前窗口的代码配色主题
  • "workbench.iconTheme": "material-icon-theme"：单独设置当前窗口的文件图标主题
  • "window.zoomLevel": 0.5：单独调整当前窗口的缩放比例
• 配置保存后会自动存储在当前项目文件夹下的.vscode/settings.json文件中，下次从该文件夹打开VS Code会自动加载对应配置，不需要重复设置。

注意事项 #

如果你的项目是多人协作的仓库，建议把.vscode/目录加入项目的.gitignore规则中，避免你个人的外观配置提交到远程仓库影响其他协作者；如果团队有统一的工作区校验、格式化规则，可以单独把相关规则文件保留提交，仅排除个人的外观配置即可。

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