Peacock 是 VSCode 中通过为工作区窗口标题栏、活动栏和状态栏添加专属颜色来快速区分多项目的轻量插件;安装后执行“Peacock: Change Color”选择预设色、十六进制值或英文色名即可即时生效,颜色自动保存至 .vscode/settings.json,支持随机色、渐变色及复位功能。

Peacock 是 VSCode 中一个轻量但非常实用的插件,它能自动为不同工作区(项目)的窗口标题栏、活动栏和状态栏添加专属颜色,帮你一眼区分正在处理的项目——尤其当你同时打开多个 VSCode 窗口时,再也不用靠反复点开文件夹名或标签页来确认“这是哪个项目”。
如何快速给当前项目上色
安装 Peacock 后,按 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(macOS)打开命令面板,输入 Peacock: Change Color,回车。接着可以从预设色板中选择一种颜色,或粘贴十六进制色值(如 #4CAF50),甚至输入英文颜色名(如 blue)。选中后,当前工作区立刻应用该颜色。
让颜色随项目自动保存
Peacock 默认会把颜色配置写入当前工作区的 .vscode/settings.json 文件中,例如:
{
"peacock.color": "#FF6B6B"
}
这意味着:下次打开这个文件夹(或 .code-workspace 文件)时,颜色自动恢复。不需要手动启用或同步设置——只要工作区不变,颜色就跟着走。
支持多种配色方式
- 随机色:运行 Peacock: Make Random Color,适合想快速区分又懒得挑色的场景
- 渐变色:使用 Peacock: Change to Gradient,输入两个颜色值(如 #FF6B6B 和 #4ECDC4),标题栏会呈现柔和过渡
- 复位颜色:执行 Peacock: Reset Color 可清除当前工作区的自定义色,回归 VSCode 默认灰白主题
小技巧与注意事项
- 颜色只作用于当前窗口;多窗口打开同一项目,每个窗口可独立设色(方便对比分支或环境)
- 如果用了自定义主题(如 One Dark Pro),Peacock 仍会覆盖标题栏/活动栏,但编辑器主体区域不受影响
- 团队协作时,建议在 .vscode/settings.json 中加入 "peacock.affectStatusBar": false,避免状态栏颜色干扰统一开发体验
基本上就这些。不复杂,但容易忽略——一旦习惯,你就再也回不去靠数标签页找项目的年代了。










