Visual studio code VisualStudio代码：不同项目的不同颜色主题

我有两个VisualStudio代码实例和两个不同的项目

是否有一种方法可以使VS代码实例的主题因项目而异

//指定工作台中使用的颜色主题

如果将其放入“

工作区设置”

”和“非”“

用户设置”

”中，则每个工作区将获得不同的主题。当您打开设置Ctrl-，（这是一个逗号），然后在右侧编辑器上方，您将看到“用户设置”和“工作区设置”，选择工作区设置，然后单击

workbench.colortheme

设置左侧的铅笔图标进行更改

---

如果您不想仅仅为了快速区分工作区而更改整个主题，请在工作区设置中尝试以下设置组合：

"workbench.colorCustomizations": {

  "activityBar.background": "#f00", 
  "titleBar.activeBackground": "#f00",
  "statusBar.background": "#f00"
}

---

您可以使用一个名为John Papa开发的很棒的VS代码扩展。

这对我来说很有用。在每个项目文件夹中创建一个.vscode子文件夹（如果它不存在）。在每个文件夹中创建一个单独的settings.json文件。在此文件中，粘贴以下内容：

例如，我的前端会显示一个黄色标题栏：

{
  "javascript.updateImportsOnFileMove.enabled": "always",
  "javascript.preferences.importModuleSpecifier": "non-relative",
  "workbench.colorCustomizations": {
    "titleBar.activeForeground": "#000",
    "titleBar.inactiveForeground": "#000000CC",
    "titleBar.activeBackground": "#ffc600",
    "titleBar.inactiveBackground": "#ffc600CC"
  },
  "appService.zipIgnorePattern": [
    "node_modules{,/**}",
    ".vscode{,/**}"
  ]
}

{
  "workbench.colorCustomizations": {
    "titleBar.activeForeground": "#000",
    "titleBar.inactiveForeground": "#000000CC",
    "titleBar.activeBackground": "#eb2568",
    "titleBar.inactiveBackground": "#eb2568CC"
  },
  "appService.zipIgnorePattern": [
    "node_modules{,/**}",
    ".vscode{,/**}"
  ]
}

对于后端，我使用它，它会给我一个红色标题栏：

{
  "javascript.updateImportsOnFileMove.enabled": "always",
  "javascript.preferences.importModuleSpecifier": "non-relative",
  "workbench.colorCustomizations": {
    "titleBar.activeForeground": "#000",
    "titleBar.inactiveForeground": "#000000CC",
    "titleBar.activeBackground": "#ffc600",
    "titleBar.inactiveBackground": "#ffc600CC"
  },
  "appService.zipIgnorePattern": [
    "node_modules{,/**}",
    ".vscode{,/**}"
  ]
}

{
  "workbench.colorCustomizations": {
    "titleBar.activeForeground": "#000",
    "titleBar.inactiveForeground": "#000000CC",
    "titleBar.activeBackground": "#eb2568",
    "titleBar.inactiveBackground": "#eb2568CC"
  },
  "appService.zipIgnorePattern": [
    "node_modules{,/**}",
    ".vscode{,/**}"
  ]
}

---

我喜欢这个——我不想改变我的整个颜色主题。。。只要在我的脸上获得足够的与特定环境相关联的某种颜色，就很难忘记我在看哪一种颜色。这就是诀窍。请查看John Papa开发的其他扩展，您可能也会喜欢它们。他们是超级有用的角度开发！！工作区中的每个项目是否有不同的主题？或者至少更改文件关联，以便在前端和后端都使用JavaScript时能够区分它们？这只适用于独立打开每个项目的情况，但不适用于包含容器的项目或远程项目。开放的意见，请证明我错了，我想有集装箱项目，也。