VSCode括号着色配置

答案：VSCode通过内置括号配对彩色高亮功能提升代码可读性，需在设置中启用Editor > Bracket Pair Colorization，并可在settings.json中自定义foreground1/2/3颜色及下划线样式，推荐使用原生功能而非插件，确保语言模式正确识别以支持括号着色。

VSCode 中的括号着色主要通过“括号匹配”和“括号颜色高亮”功能实现，提升代码可读性。默认情况下 VSCode 已开启基本的括号匹配，但若想进一步自定义颜色或增强视觉效果，可通过设置和扩展来完成。

启用括号匹配

确保括号匹配功能已开启，这是着色的基础：

• 打开设置（Ctrl + ,）
• 搜索 bracket
• 确认 Editor youjiankuohaophpcn Bracket Pair Colorization: Enabled 被勾选

启用后，不同层级的括号会自动用不同颜色高亮，支持圆括号 ()、方括号 [] 和花括号 {}。

自定义括号颜色

如果需要修改默认颜色，可在 settings.json 中添加主题规则：

• 打开命令面板（Ctrl + Shift + P）
• 输入并选择 Preferences: Open Settings (JSON)
• 添加如下配置（示例为深色主题下的颜色调整）：

"workbench.colorCustomizations": {
  "editorBracketHighlight.foreground1": "#FF0000",
  "editorBracketHighlight.foreground2": "#00FF00",
  "editorBracketHighlight.foreground3": "#0000FF",
  "editorBracketHighlight.underlineActive": true,
  "editorBracketHighlight.underline": false
}

说明：

琅琅配音

全能AI配音神器

89

查看详情

• foreground1/2/3：对应三对嵌套括号的颜色，超出部分会循环使用
• underlineActive：是否对当前括号对加下划线
• underline：是否始终显示下划线（建议关闭更清爽）

安装增强插件（可选）

若默认功能不够明显，可安装以下扩展增强效果：

• Bracket Pair Colorizer 2：老款流行插件，现已集成进原生功能，通常无需再装
• indent-rainbow：配合使用可让缩进更清晰，间接提升括号结构识别度

注意：VSCode 1.70+ 版本已内置彩色括号功能，优先使用原生设置而非第三方插件。

确保语法支持

括号着色在大多数语言中默认生效，如 JavaScript、Python、HTML 等。若某语言未生效：

• 检查该语言是否正确识别（右下角语言模式）
• 确认没有禁用相关设置
• 某些轻量级语言可能需要安装语法插件

基本上就这些。开启原生配色并微调颜色后，代码中的括号结构会更清晰，阅读复杂嵌套时更轻松。不复杂但容易忽略。

以上就是VSCode括号着色配置的详细内容，更多请关注php中文网其它相关文章！