不需要。vs code 1.68+ 已原生支持三层彩虹括号,只需启用 editor.bracketpaircolorization.enabled 并配置 foreground1–3 颜色;装插件易引发颜色错乱、引导线消失及光标跳动等问题。

VS Code 1.68+ 还需要装插件吗?
不需要。VS Code 1.68+ 原生已支持三层彩虹括号,只要开启 editor.bracketPairColorization.enabled 并配好 workbench.colorCustomizations.editorBracketHighlight.foreground1~foreground3 就能用。装插件反而容易冲突:颜色错乱、引导线消失、光标跳动,甚至让括号配对直接失效。
如果非要装插件,该选哪个?
当前唯一仍被 actively maintained 的是 Bracket Pair Colorizer 2(作者 CoenraadS),不是旧版 Bracket Pair Colorizer,也不是 Rainbow Brackets(后者不支持自定义颜色,且自 2026 年起已无实质更新)。
- 安装后必须关掉原生功能:
"editor.bracketPairColorization.enabled": false,否则两者渲染逻辑打架 - 关键配置项是
bracketPairColorizer.consecutivePairColors和bracketPairColorizer.colorizedBracketPairs - 想高亮非标准符号对(比如
或 Vue 的<template></template>),只有它支持;原生只认{}、[]、()、
为什么装了插件却没效果?
90% 的情况不是插件问题,而是原生配对识别被禁用了——插件只负责“上色”,不负责“找配对”。必须确认:
-
editor.bracketPairColorization.enabled是true(哪怕你用插件,它也依赖这个开关提供括号位置信息) - 文件语言模式正确:右下角不能显示
Plain Text,得是TypeScript、JavaScript、Python等;.vue文件需配合Volar才能正确解析<script></script>块内的括号 -
editor.matchBrackets设为"always",否则光标不靠近时不会触发高亮
配色和层级的常见误解
原生只暴露 foreground1~foreground3 三个变量,第 4 层起自动循环复用 foreground1。这不是 bug,是设计限制。别在 settings.json 里写 foreground4 或 background1 —— 它们无效,还可能干扰渲染。
-
foreground1对应最外层(如函数体{}) -
foreground2对应中间层(如map([...])的方括号) -
foreground3对应最内层(如箭头函数() => {}的圆括号) - 想加装订线标记(gutter icons)或非 ASCII 括号支持,只能靠插件,原生做不到
editor.guides.bracketPairs 引导线大概率会消失——这点很容易被忽略,但直接影响嵌套定位效率。











