启用 vscode 内置括号配对彩色高亮功能,通过设置 editor.bracketPairColorization.enabled 并自定义颜色方案,结合引导线与语法主题,显著提升多层嵌套代码的可读性。

VSCode 默认的括号匹配高亮对嵌套层级区分不够明显,容易在复杂代码中混淆。通过扩展和设置调整,可以实现多层级括号着色,提升可读性。
安装 Bracket Pair Colorizer 扩展
该扩展为不同层级的括号自动分配颜色:
- 打开 VSCode 扩展面板(Ctrl+Shift+X)
- 搜索 Bracket Pair Colorizer
- 点击安装并重启编辑器
安装后,()、[]、{} 等成对符号会根据嵌套深度显示不同颜色,默认支持多种语言。
使用更现代的替代:Bracket Pair
VSCode 1.72+ 内置了增强的括号配对功能,推荐启用原生支持:
settings.json
{ "editor.bracketPairColorization.enabled": true, "editor.guides.bracketPairs": "active" }
此配置开启彩色括号配对和活动引导线,无需额外扩展,性能更好,颜色自动适配主题。
自定义括号颜色方案
若需修改默认配色,可在 settings.json 中添加:
"workbench.colorCustomizations": { "editorBracketHighlight.foreground1": "#FF6B6B", "editorBracketHighlight.foreground2": "#4ECDC4", "editorBracketHighlight.foreground3": "#FFD93D", "editorBracketHighlight.foreground4": "#6C5CE7", "editorBracketHighlight.foreground5": "#00B8D9", "editorBracketHighlight.foreground6": "#F78FB3" }
六种颜色循环用于六层及以上嵌套,适合深色或浅色主题微调。
配合语法高亮增强可读性
结合以下设置进一步优化视觉体验:
- 启用括号引导线:
"editor.guides.bracketPairs": "active" - 开启自动闭合括号:
"editor.autoClosingBrackets": "always" - 使用支持括号着色的主题,如 atom One Dark 或 Nord
搭配语义高亮,能快速定位函数、作用域边界。
基本上就这些。合理配置后,深层嵌套结构一目了然,减少括号匹配错误。不复杂但容易忽略细节。


