Bracket Pair Colorizer 是一款轻量实用的 VS Code 插件，通过为不同嵌套层级的括号自动分配匹配颜色（如青色→粉色→黄色），实现结构可视化；支持主流语言开箱即用，性能友好无干扰，可自定义配色与行为。
Bracket Pair Colorizer 是一款轻量但极其实用的 VS Code 插件，它通过为不同层级的括号（()、[]、{}）自动分配不同颜色，让嵌套结构瞬间可视化——再也不用数括号或靠缩进猜作用域。
颜色自动匹配，层级一目了然
插件会根据括号的嵌套深度，从内到外依次使用预设的颜色序列（如青色 → 粉色 → 黄色 → 绿色等）。同一对括号左右两边颜色完全一致，而每层嵌套都独占一种颜色。比如：
-
{ [ ( ) ] }：最内层()是青色，中间[]是粉色，最外层{}是黄色 - 光标停在任一括号上时，对应另一端会高亮显示，且整对括号背景微亮，定位精准
支持主流语言，开箱即用
无需额外配置，默认就支持 JavaScript、TypeScript、Python、JSON、HTML、CSS、Vue、React JSX 等几乎所有常见语法。遇到新语言也不用担心——只要该语言的括号规则被 VS Code 语法识别器正确解析，插件就能自动生效。
如果某语言括号未着色，可检查其 languageId 是否被插件默认支持；必要时可在设置中手动添加括号对，例如为 Lua 添加 {["{", "}"]}。
轻量无干扰，性能友好
它不修改代码、不启动后台进程、不监听文件变化，只在编辑器渲染阶段做颜色映射。即使打开上千行嵌套很深的 JSON 或正则表达式，也不会卡顿或拖慢响应。适合长期开启，作为基础开发环境的一部分。
如果你同时装了其他括号高亮插件（如 Auto Close Tag 或 Indent-Rainbow），建议关闭重复功能项，避免样式冲突。
自定义配色与行为（按需调整）
想换主题色？或希望只高亮当前括号对？在 VS Code 设置里搜索 Bracket Pair Colorizer，可调整以下关键项：
-
colors：自定义颜色数组，如
["#56b6c2", "#e06c75", "#98c379"] -
disabledLanguages：排除不希望启用的语言，如
["markdown"] - showBracketsInGutter：是否在行号旁显示小色块标记，增强纵向定位感
基本上就这些。它不复杂，但容易忽略——直到你第一次看清五层嵌套的 React 返回值，才意识到少数几个颜色，真能省下大量调试时间。
