VSCode 中可通过启用内置 Bracket Pair Colorization 或安装 Bracket Pair Colorizer 2 扩展实现括号配对彩色高亮,并支持自定义配色及按语言启用。

如果您在使用 VSCode 编写代码时经常因嵌套括号层次过深而难以快速识别匹配关系,则可能是由于括号配对高亮功能未启用或配置不当。以下是启用并优化 Bracket Pair Colorization 功能的具体操作步骤:
本文运行环境:MacBook Air,macOS Sequoia。
一、启用内置括号配对彩色高亮
VSCode 自 1.60 版本起已将 Bracket Pair Colorization 作为内置功能集成,默认启用但可能被用户设置覆盖。该功能通过为不同层级的括号对分配不同颜色,实现视觉隔离与快速定位。
1、打开 VSCode,按下 Cmd + ,(Windows/Linux 为 Ctrl + ,)进入设置界面。
2、在搜索栏中输入 bracket pair colorization。
3、找到名为 Experimental > Bracket Pair Colorization 的设置项。
4、勾选其右侧复选框,确保值为 true。
二、手动安装兼容扩展(适用于旧版或禁用内置功能场景)
若当前 VSCode 版本低于 1.60,或因策略限制禁用了内置功能,则需安装社区维护的替代扩展。该扩展通过语法树分析实时染色括号对,支持自定义配色方案与作用域控制。
1、点击左侧活动栏中的扩展图标(四个方块组成的图标)。
2、在扩展市场搜索框中输入 Bracket Pair Colorizer 2。
3、在搜索结果中确认作者为 CoenraadS,点击“安装”按钮。
4、安装完成后重启 VSCode,使扩展生效。
三、自定义括号配色方案
默认配色可能与所选主题冲突或不符合个人视觉偏好。可通过修改用户设置,为不同嵌套层级指定专属颜色,提升辨识效率与阅读舒适度。
1、按下 Cmd + Shift + P 打开命令面板。
2、输入并选择 Preferences: Open Settings (JSON)。
3、在 settings.json 文件中添加如下配置段:
"editor.bracketPairColorization.enabled": true,
"workbench.colorCustomizations": { "editorBracketMatch.background": "#ff000033" }
4、保存文件后,括号匹配背景色将立即更新为半透明红色。
四、排除语言特定干扰
部分语言(如 Markdown、HTML)中存在大量非编程语义括号,可能触发误染色。可通过语言关联设置关闭特定语言的括号高亮,避免视觉噪音干扰核心编码区域。
1、在设置界面搜索 bracket pair colorization languages。
2、点击 Edit in settings.json 链接。
3、在 JSON 中添加 "editor.bracketPairColorization.languages" 数组字段。
4、填入需启用该功能的语言标识符,例如:["javascript", "typescript", "python"]。










