VSCode代码括号连在一起看不清用什么区分_VSCode彩虹括号着色【技巧】-VSCode-PHP中文网

vscode 1.60+ 原生支持彩虹括号，需同时启用 bracketpaircolorization.enabled 和 independentcolors，并确保语言模式正确、卸载旧插件；否则括号仍显示为灰色。

vscode代码括号连在一起看不清用什么区分_vscode彩虹括号着色【技巧】

VSCode 1.60+ 原生支持彩虹括号，不需要装插件——但默认可能关着、被旧插件覆盖、或语言模式不匹配，导致你“写了三层嵌套却全是灰色括号”。

怎么确认括号配对功能真正启用了

很多人以为开了插件就完事了，其实 VSCode 的括号着色分两层：先识别配对（editor.bracketPairColorization.enabled），再上色（颜色配置）。识别层关了，插件根本没东西可染。

按 Ctrl + ,（Windows/Linux）或 Cmd + ,（macOS）打开设置，搜 bracket pair colorization
必须勾选 Editor › Bracket Pair Colorization: Enabled（对应 JSON 是 "editor.bracketPairColorization.enabled": true）
顺手检查 Editor: Match Brackets 是否设为 always，否则光标不靠近括号时不会触发高亮
如果右下角语言模式显示 Plain Text 或 JSON with Comments，括号配对直接失效——得点它手动切到 JavaScript、TypeScript 等正确模式

为什么开了还是单色？关键在 independentColors

只开 enabled 不够，括号会全用同一组循环色（比如三层都红），看起来像“没变色”。真正区分嵌套层级，必须开独立着色模式。

VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载

在设置里搜 independent colors，勾选 Editor › Bracket Pair Colorization: Independent Colors
对应 JSON 配置是 "editor.bracketPairColorization.independentColors": true
不开这个，foreground1–foreground3 就只是摆设；开了之后，第 1 层用 foreground1，第 2 层用 foreground2，第 3 层用 foreground3，第 4 层起循环回 foreground1

自定义颜色只改 foreground1–3 就够了

VSCode 原生只认 workbench.colorCustomizations.editorBracketHighlight.foreground1 到 foreground3 这三个字段。别写 background1 或 editorBracketMatch.background——那是旧插件的废弃字段，写了也没用。

按 Ctrl + Shift + P 输入 Preferences: Open Settings (JSON)
在 workbench.colorCustomizations 对象里加这三行：

"editorBracketHighlight.foreground1": "#FF6B6B33",
"editorBracketHighlight.foreground2": "#4ECDC433",
"editorBracketHighlight.foreground3": "#FFD93D33"

颜色值建议带透明度（如 #FF6B6B33），避免盖住语法高亮；超出 3 层自动循环，不用配满 6 个