bracket pair colorizer 已停更,vscode 1.69+ 内置 editor.bracketpaircolorization.enabled 更稳定智能,启用即可替代;旧插件与新版本存在着色错位、闪烁、渲染异常等冲突,且自2022年起归档不再维护。

Bracket Pair Colorizer 已停止维护,VSCode 1.69+ 内置了更稳定、更智能的 editor.bracketPairColorization.enabled 功能,直接启用即可替代旧插件,无需额外安装。
为什么不该再装 Bracket Pair Colorizer
该插件自 2022 年起已归档(archived),不再接收更新或修复。它与新版 VSCode 的语法高亮、嵌套括号匹配逻辑存在冲突,典型表现包括:
- 括号着色错位(比如
{和}颜色不配对) - 在 JSX/TSX 中频繁闪烁或失效
- 与
semanticTokensEnabled或主题中的括号样式叠加导致渲染异常
官方内置方案基于语言服务器语义分析,能正确处理嵌套深度、注释内括号忽略、字符串中转义等边界情况。
如何开启 VSCode 原生括号着色
只需启用两个设置项,无需重启:
- 打开设置(
Ctrl+,/Cmd+,),搜索bracket pair colorization - 勾选
Editor > Bracket Pair Colorization: Enabled - (可选)同时开启
Editor > Bracket Pair Guides: Enabled显示垂直对齐引导线 - 如需自定义颜色,可在
settings.json中添加:
"editor.bracketPairColorization.customBrackets": [
["{", "}"],
["[", "]"],
["(", ")"]
]
注意:customBrackets 仅控制哪些字符参与配对,不控制颜色——颜色由当前主题定义,无法通过配置覆盖。
遇到括号不着色?先检查这三点
原生功能默认启用,但可能因以下原因失效:
-
editor.semanticHighlighting.enabled设为false:某些语言(如 TypeScript)依赖语义高亮提供括号结构信息,建议保持true - 文件语言模式未正确识别:检查右下角状态栏语言标签(如显示为
Plain Text而非TypeScript),用Ctrl+Shift+P→Change Language Mode修正 - 主题不支持:极简主题(如
Default High Contrast)可能禁用括号着色,换回Default Dark+或Light+即可验证
真正需要定制括号样式(比如强制给 <div> 和 <code>











