VSCode括号着色通过按嵌套深度循环配色+悬停高亮配对，可视化逻辑块边界；推荐启用内置功能（editor.bracketPairColorization.enabled）并禁用已停更的第三方插件。
括号颜色怎么帮你一眼看穿嵌套层级？
VSCode 不是随便给括号上色，而是按嵌套深度循环使用预设颜色池（如第1层 () 是蓝色，第2层是绿色，第3层是紫色……），同时光标悬停任一括号时，配对项实时高亮+同色显示。这直接把“逻辑块边界”可视化。
- 常见错误现象：写完一个
if (a && b) { ... }，里面又套了map(() => { ... })，再嵌个useEffect(() => { ... }, [])—— 此时右大括号堆叠，仅靠缩进或空格根本分不清哪层该闭合 - 使用场景：JSON 配置、TypeScript 泛型嵌套（如
Record）、Vue 模板中> v-for+v-if混用 - 性能影响：内置功能（
editor.bracketPairColorization.enabled）比旧版Bracket Pair Colorizer插件内存占用低 40%+，且无解析延迟
为什么推荐关掉插件、只用 VSCode 内置功能？
第三方插件 Bracket Pair Colorizer 已于 2023 年停止维护，而 VSCode 自 1.60 版本起将该能力深度集成进语言服务，支持更准的语义匹配（比如区分字符串内的括号、正则表达式字面量）。
- 容易踩的坑：同时启用插件和内置功能会导致颜色冲突、高亮闪烁，甚至某些语言（如 Rust、Go）括号完全不着色
- 实操建议：打开设置（
Ctrl + ,），搜索bracket pair colorization，确保勾选Editor: Bracket Pair Colorization；然后手动禁用所有名称含Bracket Pair Colorizer的扩展 - 参数差异：
editor.bracketPairColorization.enabled控制全局开关，editor.guides.bracketPairs控制是否显示垂直引导线（推荐开启，尤其配合indent-rainbow插件）
括号不着色？先检查这三个地方
不是所有括号都“该被着色”——VSCode 只对语言服务能准确解析的括号生效。如果某段代码没反应，大概率是解析器卡住了，而非配置问题。
- 常见错误现象：在 JavaScript 文件中，
const obj = { a: 1, b: [1,2,3] }的{}和[]着色正常，但粘贴一段未格式化的 JSON 字符串后，里面的括号全灰——因为 VSCode 把它当纯文本，不是 JS 对象字面量 - 使用场景：临时调试粘贴的 JSON、YAML 配置、SQL 查询中的括号嵌套
- 实操建议：
- 确认当前文件关联语言正确（右下角显示
JSON而非Plain Text） - 检查是否启用了
"editor.quickSuggestions": { "strings": false }类似抑制语法分析的设置 - 重启窗口（
Developer: Reload Window），排除语言服务器未加载完成
- 确认当前文件关联语言正确（右下角显示
颜色太淡/太刺眼？别改主题，改配置项
很多人调着色失败，是因为去改整个主题的括号颜色——这会影响所有语法元素。真正可控的是着色策略本身。
- 实操建议：在
settings.json中添加以下片段（不影响其他高亮）：
"editor.bracketPairColorization.enabled": true, "editor.guides.bracketPairs": true, "editor.bracketPairColorization.independentColorPoolPerBracketType": true
- 关键参数说明：
independentColorPoolPerBracketType让()、[]、{}各用一套颜色（避免函数调用和数组索引混淆），默认为false - 兼容性注意：该参数需 VSCode ≥1.85，旧版本会忽略
tsconfig.json），着色就失效。这时候与其反复调颜色，不如先看右下角有没有黄色警告图标。 
