VSCode 为工作区中的每个项目设置不同的主题

Question

当我使用同一种语言 JavaScript 构建后端和前端时，我发现很难区分两者。有没有办法为工作区中的每个项目设置不同的主题？例如更改前端的文件关联以显示React徽标而不是默认的JavaScript徽标（我使用Material Icon主题）

"material-icon-theme.files.associations": {
        "*.js": "react"
        // HOW CAN I MAKE THIS APPLY FOR THE FRONTEND PROJECT ONLY?
    },

使用 .jsx 作为前端并不是一个好的选择，因为它在导入内容时需要额外的工作，而且并非我的所有前端文件都使用 React.js。我会丢失很多片段。

Answer 1

我编写了扩展 When File ，允许您根据文件路径更改工作台颜色。

阅读扩展页面以了解可能的用例。

如果您在 VSC 中打开一个文件夹的示例

  "whenFile.change": {
    "/server/": {
      "workbenchColor": {
        "activityBar.background": "#509050"
      }
    },
    "/client/": {
      "workbenchColor": {
        "activityBar.background": "#905080"
      }
    }
  }

Answer 2

尝试一下孔雀主题。它为每个 vscode 实例提供不同的颜色。 https://github.com/johnpapa/vscode-peacock

Answer 3

您可以尝试使用 VS Code 颜色主题。

https://code.visualstudio.com/docs/getstarted/themes