VSCode 1.62+ 原生支持括号彩色配对,但需同时启用 bracketPairColorization 和 independentColors 并卸载废弃的 Bracket Pair Colorizer 扩展,三者缺一不可;否则仅高亮不染色或嵌套同色。

VSCode 1.62+ 原生支持括号彩色配对,但默认不启用独立颜色模式,多数人看到“只高亮不染色”或“所有嵌套都一种颜色”,其实是 editor.bracketPairColorization.independentColors 没开,或者还装着已废弃的 Bracket Pair Colorizer 扩展。
确认 bracketPairColorization 已启用且独立颜色开启
这是最常被跳过的两步。VSCode 默认可能关闭该功能,或用户历史配置把它设为 false。
- 按
Ctrl + ,(Windows/Linux)或Cmd + ,(macOS)打开设置 - 搜索
bracket pair colorization - 勾选
Editor > Bracket Pair Colorization: Enabled - 必须同时勾选
Editor > Bracket Pair Colorization: Independent Colors——否则所有嵌套层级共用同一组循环色,看起来像“没变化”
卸载旧版 Bracket Pair Colorizer 扩展
如果还装着作者为 ms-vscode 或无明确维护者的 Bracket Pair Colorizer(非 2 版本),它会直接禁用 VSCode 内置功能,且不报错。
- 点击左侧扩展图标(
Ctrl + Shift + X) - 搜索
Bracket Pair Colorizer - 卸载所有名称不含
2的同名扩展,尤其注意作者不是CoenraadS的 - 重启 VSCode 或执行
Developer: Reload Window
检查语言模式和主题兼容性
即使设置全对,也可能因语言未识别或主题覆盖导致颜色不生效。
- 看窗口右下角状态栏:确保显示的是
JavaScript、Python等编程语言,而不是Plain Text或Markdown - 临时切换到内置主题
Default Dark+测试 —— 某些第三方主题会忽略editorBracketMatch.background颜色定义 - 若仅某语言失效,可在
settings.json中单独关闭:"[json]": { "editor.bracketPairColorization.enabled": false }
自定义颜色顺序(可选)
内置配色是固定循环的,但你可以替换为更易区分的序列,比如提高可访问性或适配暗色背景。
- 按
Cmd + Shift + P→ 输入Preferences: Open Settings (JSON) - 添加字段:
"editor.bracketPairColorization.colors": ["#e06c75", "#98c379", "#61afef", "#c678dd"] - 保存后立即生效,无需重启;颜色数组长度决定最多支持几层嵌套
真正卡住人的地方往往就两个:忘了开 independentColors,或者没卸干净老扩展。VSCode 不会提示冲突,只会静默降级为单色高亮——你得自己意识到这不是“功能坏了”,而是配置没闭环。


















