Bracket Pair Colorizer通过为匹配括号添加相同颜色来提升代码可读性，支持JavaScript、Python、HTML等语言的圆括号、方括号和花括号配对高亮，不同层级采用渐变色区分；安装后自动生效，可在settings.json中自定义高亮范围与样式，如启用作用域边框或调整颜色，显著改善嵌套代码的阅读体验。
Bracket Pair Colorizer 是一款非常实用的 Visual Studio Code 插件，能够通过为匹配的括号添加颜色来提升代码可读性。当你在编写 JavaScript、Python、HTML 或其他结构化语言时，嵌套的括号很容易让人混淆。这个插件通过将开括号和闭括号配对并用相同颜色标记，帮助你快速识别括号层级。
安装 Bracket Pair Colorizer
打开 VS Code 的扩展面板（快捷键 Ctrl+Shift+X），搜索 “Bracket Pair Colorizer”，找到由 CoenraadS 开发的版本并点击安装。安装完成后，无需额外配置即可自动生效。
查看效果与颜色方案
插件会自动为以下符号配对着色：
- 圆括号 ()
- 方括号 []
- 花括号 {}
不同层级的括号会显示不同颜色，通常采用渐变色策略，外层一种颜色，内层换另一种，便于区分。你可以通过修改主题或插件设置来自定义配色方案。
自定义设置建议
如果你希望调整颜色或启用高亮范围，可以在 settings.json 中添加配置：
"bracketPairColorizer.highlightActiveScope": true, "bracketPairColorizer.scopeLineDefaultColor": "rgba(255,255,255,0.1)", "bracketPairColorizer.activeScopeCSS": [ "borderStyle: solid", "borderWidth: 0px 0px 0px 2pt", "borderColor: #ffcc00" ]
这些设置可以让当前作用域的括号范围更明显，比如加边框或背景色，进一步提升阅读体验。
基本上就这些。Bracket Pair Colorizer 虽然简单，但对代码结构的可视化帮助很大，尤其适合处理深层嵌套逻辑。不复杂但容易忽略的小工具，却能显著改善编码效率。
