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

Question

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

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

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

Answer 1

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

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

Answer 2

试试孔雀主题。它为每个 vscode 实例赋予不同的颜色。 https://github.com/johnpapa/vscode-peacock

Answer 3

我已经编写了扩展程序 When File，允许您根据文件路径更改 workbench 颜色。

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

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

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

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

VSCode different Theme setting for each project in a WorkSpace

workspace

node.js

visual-studio-code