VSCode括号高亮插件（vscode插件）bracket pair、活动括号对、括号线（未完全检查）
文章目录
- 🧩 一、VS Code 自带括号高亮功能
- ✅ 启用检查：
- ✅ 效果
- 原
- 设置后
- 💡 二、增强视觉效果的插件推荐
- 1. 🟣 **Bracket Pair Colorizer 2**
- 2. 🟢 **Rainbow Brackets**
- 3. 🟡 **Bracket Lens**
- ✨ 三、让双击括号也选中另一边
- 方式 1：使用插件 **Select By**
- 方式 2：使用 **Shift + Ctrl + **
- ✅ 推荐组合
🧩 一、VS Code 自带括号高亮功能
VS Code 已经内置了基础的括号匹配功能（当光标放在一个括号上时，会高亮对应的另一边）。
✅ 启用检查：
-
打开设置（
Ctrl + ,） -
搜索 “bracket pair”
-
确认以下两项为开启状态：
Editor › Bracket Pair Colorization: Enabled Editor › Guides: Bracket Pairs这样，代码中不同层级的括号会有不同颜色，还会显示竖线指示层级。
✅ 效果
原
设置后
💡 二、增强视觉效果的插件推荐
1. 🟣 Bracket Pair Colorizer 2
⭐ 最经典的括号高亮插件（由 CoenraadS 开发）
现在虽然已被官方 bracket pair 替代，但依然很多人觉得更好看。
📦 安装：
在 VS Code 扩展中搜索：
Bracket Pair Colorizer 2
📋 功能：
- 自动给不同层级的括号染上不同颜色
- 支持
(),{},[],<> - 支持自定义配色方案
- 光标放在某个括号上时，会同时高亮配对的括号
2. 🟢 Rainbow Brackets
功能类似，但视觉风格更鲜艳，适合颜色控。
📦 安装：
Rainbow Brackets
📋 优点：
- 彩虹色配对
- 光标移上去会高亮成对括号
- 可自定义颜色组、样式、透明度等
3. 🟡 Bracket Lens
在括号右侧显示注释，标明“此括号对应哪里”（对大型函数或 JSX 特别实用）
📦 安装：
Bracket Lens
📋 功能：
- 在大段嵌套结构时提示括号含义
- 可与其他括号插件共存
✨ 三、让双击括号也选中另一边
VS Code 默认是“光标放上去高亮”，但你想实现“双击括号 -> 自动选中一对”的话，可以这样做：
方式 1：使用插件 Select By
Select By
功能：支持双击或快捷键选中括号、引号内的内容。
配置后：
- 双击括号会选中成对内容
- 或使用快捷键：
Ctrl + Shift + 9选中圆括号内内容
Ctrl + Shift + [选中方括号内内容
方式 2：使用 **Shift + Ctrl + **
这是 VS Code 自带的快捷键，可以快速跳到匹配括号。
✅ 推荐组合
如果你想要既有彩色括号 + 双击选中对称括号，推荐组合如下：
| 功能 | 插件 |
|---|---|
| 彩色括号 | Bracket Pair Colorizer 2 |
| 双击选中成对括号 | Select By |
| 提示括号结构 | Bracket Lens（可选） |
ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ
ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ