VSCode 1.62+ 内置括号彩色匹配需启用 bracketPairColorization 并开启 independentColors,卸载废弃的 Bracket Pair Colorizer 扩展,确保语言模式正确且主题支持,三者缺一不可。

VSCode 默认就支持括号彩色匹配,但需要手动开启“括号对高亮”并启用“括号着色器”扩展——否则只高亮当前一对,不染色嵌套层级。
怎么打开括号彩色匹配(Bracket Pair Colorization)
VSCode 1.62+ 内置了 bracketPairColorization 功能,但默认可能关闭或被旧扩展干扰:
- 打开设置(
Ctrl+,或Cmd+,),搜bracket pair colorization - 勾选
Editor > Bracket Pair Colorization: Enabled - 确保
Editor > Bracket Pair Colorization: Independent Colors也开启(否则所有嵌套都用同一组颜色) - 如果没生效,检查是否装了老版本的
Bracket Pair Colorizer扩展(已废弃),必须卸载它——它和内置功能冲突
为什么嵌套括号颜色一样或不变化
常见于以下情况:
- 语言模式未正确识别(比如 .js 文件被识别成
plaintext):右下角点击语言标签,选对JavaScript或TypeScript等 - 主题不支持多级着色:部分暗色主题(如
Default Dark+)支持,但某些第三方主题会覆盖颜色配置;可临时切回Default Dark+测试 -
editor.bracketPairColorization.independentColors设为false:这会让所有嵌套层共用同一组循环色,看起来像“颜色没变”
如何自定义括号颜色顺序或添加新括号类型
VSCode 允许通过 settings.json 调整配色逻辑和括号范围:
- 修改颜色序列:在设置中加
"editor.bracketPairColorization.colors": ["#ff0000", "#00ff00", "#0000ff"] - 扩展匹配符号(比如给
begin/end着色):需配合bracket-pair-colorizer-2这类社区扩展(注意:仅当内置功能无法满足时才用,有性能开销) - 禁用某语言的着色:用
"[javascript]": { "editor.bracketPairColorization.enabled": false }
真正起作用的是「启用 + 独立颜色 + 正确语言模式」三者同时满足。很多人卡在卸载旧扩展或误关 independentColors 上,结果以为功能坏了。


















