VSCode的Bracket Pair Colorizer让括号配对一目了然

11次阅读

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

VSCode的Bracket Pair Colorizer让括号配对一目了然

如果您在使用 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 替代方案

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

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

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

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

4、如需微调,可在设置中修改 bracket-pair-colorizer-2.colorModeshadesconflicting 模式。

五、禁用特定语言的括号着色

部分语言(如 markdown 或纯文本)中括号着色可能干扰阅读,可通过语言专属设置关闭。

1、打开命令面板,输入并选择 Preferences: Configure Language Specific Settings…

2、在弹出菜单中选择 markdown

3、在右侧 json 区域添加键值对“bracketPairColorizer.enabled”: false

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

text=ZqhQzanResources