Visual Studio代码:不同项目的不同颜色主题

edm*_*ond 1 visual-studio-code

我有2个带有两个不同项目的Visual Studio Code实例。

有没有一种方法可以使VS Code实例的主题根据项目而彼此不同?

Pra*_*era 15

您可以使用由 John Papa 开发的名为Peacock的出色 VS Code 扩展。

  • 我喜欢这个——我不想改变我的整个颜色主题……只要在我的脸上获得足够的与给定环境相关联的某种颜色,这样就很难忘记我正在看的是哪一个。这可以解决问题。 (4认同)

JJ_*_*ire 11

这对我有用。在每个项目文件夹中创建一个 .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{,/**}"
  ]
}
Run Code Online (Sandbox Code Playgroud)

对于后端,我使用它,它给了我一个红色标题栏:

{
  "workbench.colorCustomizations": {
    "titleBar.activeForeground": "#000",
    "titleBar.inactiveForeground": "#000000CC",
    "titleBar.activeBackground": "#eb2568",
    "titleBar.inactiveBackground": "#eb2568CC"
  },
  "appService.zipIgnorePattern": [
    "node_modules{,/**}",
    ".vscode{,/**}"
  ]
}
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述


Mar*_*ark 7

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

"workbench.colorTheme": "...……….",
Run Code Online (Sandbox Code Playgroud)

如果将其放入“ WORKSPACE SETTINGS”而不是USER SETTINGS”中,则每个工作区将获得不同的主题。当您打开设置Ctrl- , (这是一个逗号)时,在右侧编辑器上方,您将看到“用户设置”和“工作空间设置”,选择工作空间设置,然后单击设置左侧的铅笔图标workbench.colortheme以更改。

  • 我不明白为什么这必须在工作区文件中完成。为什么它不能在项目设置文件中工作?我认为工作区文件的重点是使用 git 跟踪它并与从事同一项目的每个人共享它。那么,将颜色主题之类的东西放在一个不会被 git 跟踪的文件中,这样每个开发人员都可以为每个项目选择不同的自定义颜色,这不是更有意义吗? (2认同)