vscode 1.60+ 原生支持彩色括号需同时启用 editor.bracketpaircolorization.enabled 和 independentcolors,卸载旧插件、确保语言模式正确且主题兼容,再通过 foreground1–3 自定义三层颜色并可选开启 bracketpairs 引导线。

VSCode 1.60+ 已原生支持彩色括号,不需要装插件——但默认可能被关掉、被旧插件干扰、或主题不兼容,导致你“明明开了却没颜色”。
确认 editor.bracketPairColorization.enabled 和 independentColors 都已开启
只开 enabled 不够,括号会全用同一组循环色(比如三层都红),看起来像“没变色”。真正区分嵌套,必须同时启用独立着色模式。
- 按
Ctrl + ,(Windows/Linux)或Cmd + ,(macOS)打开设置,搜索bracket pair colorization - 勾选
Editor › Bracket Pair Colorization: Enabled - 再搜
independent colors,勾选Editor › Bracket Pair Colorization: Independent Colors - 对应 JSON 配置是:
"editor.bracketPairColorization.enabled": true和"editor.bracketPairColorization.independentColors": true
自定义颜色只改 foreground1–foreground3,别碰 background 字段
VSCode 原生只认 workbench.colorCustomizations.editorBracketHighlight.foreground1 到 foreground3 这三个字段。写 background1 或 editorBracketMatch.background 是旧插件用的,现在无效,还会干扰渲染。
- 按
Ctrl + Shift + P输入Preferences: Open Settings (JSON) - 在
workbench.colorCustomizations对象里加三行(超出第 3 层自动循环): "editorBracketHighlight.foreground1": "#FF6B6B33""editorBracketHighlight.foreground2": "#4ECDC433""editorBracketHighlight.foreground3": "#FFD93D33"- 颜色值建议带透明度(如
#FF6B6B33),避免盖住语法高亮
卸载 Bracket Pair Colorizer 或 Bracket Pair Colorizer 2
这些老插件和原生功能冲突,会导致颜色错乱、光标跳动、甚至配对失效——不是“没效果”,而是它们劫持了括号渲染逻辑。
- 打开扩展面板(
Ctrl + Shift + X),搜索Bracket Pair Colorizer - 如果已安装
Bracket Pair Colorizer或Bracket Pair Colorizer 2,全部卸载 - 卸载后重启 VSCode,再测试 .js 或 .py 文件
- 若右下角语言模式显示
Plain Text,手动点击切换为对应语言(如JavaScript),否则原生配对直接不触发
加 editor.guides.bracketPairs 引导线更可靠
纯颜色在深缩进或长函数里容易误判层级,垂直引导线能一眼看清作用域边界,和颜色是正交增强关系。
- 在
settings.json中加入:"editor.guides.bracketPairs": "active"(只高亮当前括号对) - 或设为
"all"(显示所有嵌套层级,适合调试复杂 JSON Schema) - 该设置依赖主题支持;若无线条,先切到
GitHub Dark或One Dark Pro测试 - 性能影响极小,“all” 模式在超长文件中可能轻微拖慢渲染,但一般可忽略
最容易被忽略的是:语言模式错误、旧插件未卸载、independentColors 没开这三项。只要这三个点卡住一个,哪怕颜色配置全对,也看不到分层效果。











