VSCode 的分层着色按嵌套深度动态配色，而非按括号类型固定颜色；默认启用，可自定义颜色顺序，需确保语言模式正确、无冲突扩展，并可叠加引导线、高亮匹配等功能提升效率。
VSCode 的“分层着色”（Bracket Pair Colorization）不是简单给括号上色，而是用颜色层级直观表达嵌套结构——越深的括号，颜色越鲜明或越独特，帮你一眼识别 作用域 边界和配对关系。
它怎么判断“哪一对括号该用什么颜色”
VSCode 默认按嵌套深度分配颜色：最外层用蓝色，第二层绿色，第三层红色，第四层紫色……循环复用。比如 ([{……}])，颜色随层级递进变化，而非按括号类型固定配色（如“花括号永远红”）。这种设计让嵌套视觉节奏更清晰，尤其在多层 if/for/lambda 或 JSX/ 模板字符串中特别有用。
如何开启并微调颜色方案
该功能默认启用（VSCode 1.60+），但需确保设置未被禁用：
- 打开设置（Ctrl+,），搜索 bracket pair colorization
- 确认 Editor > Bracket Pair Colorization: Enabled 已勾选
- 如需自定义颜色顺序，可在 settings.json 中添加：
"editor.bracketPairColorization.colors": ["#569CD6", "#4EC9B0", "#CE9178", "#DCDCAA"]
遇到颜色不生效？常见原因检查
分层着色依赖语言支持和编辑器状态：
- 当前文件语言模式是否被正确识别（右下角显示如“JavaScript”而非“Plain Text”）
- 是否启用了冲突扩展（如旧版 Rainbow Brackets，需禁用）
- 大文件（>5000 行）可能自动禁用，可手动开启：
"editor.bracketPairColorization.enabledForLargeFiles": true
配合其他功能效果更佳
单独着色只是基础，叠加使用才真正提效：
- 开启 Bracket Pair Guides（括号引导线）：在设置中启用 Editor > Guides > Bracket Pair，颜色着色 + 竖直对齐线，嵌套结构一目了然
- 配合 Highlight Matching Bracket（悬停高亮）：把光标停在某个括号上，对应另一半会加粗 + 背景色强调
- 使用 Go to Bracket（Ctrl+Shift+P →“Go to Bracket”）快速跳转配对位置，着色让目标更易定位
