VSCode的Peacock插件:为你的不同项目窗口添加不同颜色

10次阅读

Peacock插件可通过四种方式为vscode项目窗口设置独特颜色:一、命令面板执行“Peacock: Change Color”;二、选择预设配色方案;三、手动编辑.settings.json配置peacock.color;四、多根工作区中为各文件夹单独设色。

如果您希望在使用 vscode 时快速区分多个打开的项目窗口,peacock 插件可通过为每个窗口标题栏和活动栏添加独特颜色来实现视觉隔离。以下是为其配置不同项目颜色的具体操作方式:

本文运行环境:macBook air,macOS Sequoia。

一、通过命令面板为当前窗口设置颜色

此方法适用于临时为当前工作区指定一种明确颜色,操作快捷且无需编辑配置文件。Peacock 会将颜色信息写入当前工作区的 .vscode/settings.json 中,确保颜色仅作用于该特定项目。

1、按下 Cmd + Shift + Pmacos)或 Ctrl + Shift + P(windows/linux)打开命令面板。

2、输入并选择 Peacock: Change Color 命令。

3、在弹出的颜色选择器中点击任意色块,或输入十六进制颜色值(如 #ff6b6b)后按回车。

二、使用预设配色方案快速应用颜色

Peacock 内置了多种命名配色方案(如 “Red”, “Ocean”, “Forest”),便于在团队协作中统一标识环境类型(如开发、测试、生产)。该方式避免手动选色偏差,提升一致性。

1、打开命令面板(Cmd + Shift + P)。

2、输入并选择 Peacock: Change to Preset Color

3、从下拉列表中选择 OceanSunsetLavender 等预设名称。

三、通过工作区设置文件手动指定颜色

此方法适合需要精确控制颜色行为的场景,例如禁用自动亮度调整或绑定颜色至特定工作区路径。所有配置均保存在当前项目的 .vscode/settings.json 文件中,不影响其他项目。

1、在 VSCode 中打开当前项目根目录下的 .vscode/settings.json 文件(若不存在则新建)。

2、添加以下键值对:

“peacock.color”: “#4a90e2”

3、可选:加入 “peacock.affectActivityBar”: true 以同时染色活动栏。

四、为多根工作区中的每个文件夹单独配色

当使用 VSCode 的多根工作区(即一个窗口加载多个独立文件夹)时,Peacock 支持为每个文件夹分别设定颜色。颜色信息将写入 .code-workspace 文件,实现细粒度视觉管理。

1、右键点击资源管理器中任一文件夹,选择 Peacock: Change Folder Color

2、在弹出菜单中选择颜色或输入 HEX 值。

3、重复操作,为其余文件夹逐一指定互不相同的颜色(如主应用用 #27ae60,API 服务用 #e74c3c)。

text=ZqhQzanResources