vscode原生bracketpaircolorization仅支持3层独立色(foreground1–3)循环复用,不支持自定义括号类型、装订线标记及非标准符号对;增强功能需依赖bracket pair colorizer 2等插件补足。

VSCode 自带的 editor.bracketPairColorization.enabled 功能虽稳定、轻量,但仅支持最多 6 层嵌套的循环配色(foreground1–foreground3 复用),且不支持自定义括号类型、无装订线标记、无法高亮非标准符号对(如 Vue 的 <template></template>/ 或 Markdown 的反引号块)。真要“更强”,得靠插件补足这些断点。
Bracket Pair Colorizer 2:当前最稳的彩虹括号增强方案
这是原版 Bracket Pair Colorizer 的官方继任者,仍在 actively maintained(截至 2026 年 4 月),兼容 VSCode 1.87+,修复了旧版在 TSX/JSX 中偶发的错位问题。
- 安装后默认启用,但必须确认
bracketPairColorizer.enabled设为true(UI 设置里叫 “Bracket Pair Colorize: Enabled”) - 支持
bracketPairColorizer.colorizedBracketPairs精确控制每对符号:比如把{}固定为#FF6B6B,[]为#4ECDC4,不依赖嵌套层级 - 开启
bracketPairColorizer.showBracketsInGutter后,左侧装订线会显示同色小括号图标,光标一放就定位,比纯背景色更可靠 - 注意:它和原生功能可共存,但若两者都开,颜色逻辑会冲突——建议关掉原生的
editor.bracketPairColorization.enabled,只留插件接管
Auto Close Tag + Highlight Matching Tag:专治 HTML/Vue 括号类结构
VSCode 原生和 Bracket Pair Colorizer 2 都不处理 HTML 标签、Vue SFC 的 <script></script>/ 或 JSX 的 <div>/<code>











