vs code 原生已支持括号高亮,多数场景无需插件;bracket pair colorizer 2 装了没反应,根本原因是 editor.bracketpaircolorization.enabled 未启用或语言模式错误(如显示 plain text 而非 javascript),插件仅负责上色,不负责配对识别。

VS Code 原生已支持括号高亮(editor.bracketPairColorization.enabled),多数场景下无需插件;所谓“好用”,取决于你卡在哪——是中文括号不显、Vue 标签不配对、还是嵌套太深颜色重复?先关掉原生功能再装插件,反而会失效。
为什么 Bracket Pair Colorizer 2 装了没反应?
根本不是插件问题,而是 VS Code 没启动括号配对识别引擎:插件只负责上色,不负责找配对。
- 必须确认
editor.bracketPairColorization.enabled设为true(设置里搜 “bracket pair colorization” 就能开) - 语言模式得对:右下角显示的是
JavaScript,不是Plain Text或Markdown;.vue 文件要认成vue,不是html -
bracketPairColorizer.enabled必须为true,且editor.bracketPairColorization.enabled必须为false—— 两者共存会冲突,导致中文括号错位或完全不渲染 - 写在字符串里(如
const s = "【开头】";)的括号,任何插件都不会处理——这是正确行为,不是 bug
中文括号【】/「」怎么高亮?
原生功能不支持非 ASCII 括号对,必须靠插件定义。
- 用
Bracket Pair Colorizer 2,在settings.json里加:"bracketPairColorizer.colorizedBracketPairs": [ ["【", "】"], ["「", "」"], ["『", "』"], ["《", "》"], ["(", ")"] ] - 每对必须是两个独立字符串,顺序不能反;数组外层已有 JSON 引号,内部不用再套
- 深色主题下颜色太淡?补一条:
"editorBracketHighlight.foreground1": "#FF9E5C"到workbench.colorCustomizations - 如果只是想光标放上去时简单高亮(不彩虹),其实不用插件:确保
editor.matchBrackets为always,再依赖语言扩展提供中文括号定义(部分语言包已内置)
HTML/Vue 标签和 JSX 怎么配对高亮?
括号插件管不了 <div>/<code>











