VSCode的Bracket Pair Colorizer让括号配对一目了然_网络技术

发布时间 - 2026-01-11 00:00:00 点击率：次

Bracket Pair Colorizer 扩展通过彩色括号提升嵌套结构可视性，需安装扩展、启用高亮、自定义颜色、升级至 v2 版本，并可按语言禁用着色。

如果您在使用 VSCode 编写代码时难以快速识别嵌套括号的层级关系，Bracket Pair Colorizer 扩展可通过为不同层级的括号分配专属颜色，显著提升语法结构可视性。以下是启用与配置该功能的具体操作步骤：

本文运行环境：MacBook Air，macOS Sequoia。

一、安装 Bracket Pair Colorizer 扩展

该扩展需通过 VSCode 内置扩展市场获取并安装，确保编辑器具备括号着色能力的基础支持。

1、打开 VSCode，点击左侧活动栏最下方的扩展图标（四个方块组成的图标）。

2、在扩展搜索框中输入 Bracket Pair Colorizer。

3、在搜索结果中找到作者为 CoenraadS 的扩展，点击“安装”按钮。

4、安装完成后，点击“重新加载”使扩展生效。

扩展安装后默认启用基础着色，但需确认设置未被禁用，以确保括号高亮正常触发。

1、按下 Cmd + , 打开设置界面。

2、在设置搜索框中输入 bracket pair colorize。

3、勾选 Bracket Pair Colorize: Enabled 选项。

4、确认 Bracket Pair Colorize: Show Brackets In Gutter 处于开启状态，以便在行号旁显示括号标记。

VSCode 允许用户覆盖默认颜色映射，按个人偏好或可访问性需求调整每对括号的颜色组合。

1、按下 Cmd + Shift + P 打开命令面板。

2、输入并选择 Preferences: Open Settings (JSON)。

3、在 settings.json 文件中插入以下配置段：

"bracketPairColorizer.consecutivePairColors": ["#FF5733", "#33FF57", "#3357FF", "#F333FF"]

4、保存文件，颜色更改立即生效。

原版扩展已停止维护，Bracket Pair Colorizer 2 是其官方推荐继承者，提供更稳定的括号着色与更多语言支持。

1、在扩展市场中卸载旧版 Bracket Pair Colorizer。

2、搜索并安装 Bracket Pair Colorizer 2（作者同为 CoenraadS）。

3、安装后无需额外配置，默认启用增强型着色逻辑。

4、如需微调，可在设置中修改 bracket-pair-colorizer-2.colorMode 为 shades 或 conflicting 模式。

部分语言（如 Markdown 或纯文本）中括号着色可能干扰阅读，可通过语言专属设置关闭。

1、打开命令面板，输入并选择 Preferences: Configure Language Specific Settings...。

2、在弹出菜单中选择 markdown。

3、在右侧 JSON 区域添加键值对："bracketPairColorizer.enabled": false。

4、保存设置，Markdown 文件中的括号将不再着色。