VSCode通过内置功能和插件实现括号着色,1. 启用Editor: Match Brackets和Bracket Pair Colorization可开启默认高亮与配对上色;2. 安装Rainbow Brackets插件可增强多层嵌套颜色区分;3. 在settings.json中自定义rainbow_brackets.colors或通过editor.tokenColorCustomizations调整括号颜色,提升代码可读性。

VSCode 中的括号着色主要通过内置功能和插件增强实现,不需要安装额外插件也能获得基础效果,但可通过配置提升可读性。
启用默认括号匹配高亮
VSCode 自带括号匹配高亮功能,确保已开启:
- 打开设置(Ctrl + ,)
- 搜索 bracket
- 确认勾选了 Editor: Match Brackets,设为 always 可在输入时高亮对应括号
- 同时启用 Editor: Bracket Pair Colorization,系统会自动为嵌套括号上色
使用增强插件(如 Better Comments 或 Rainbow Brackets)
若需更丰富的颜色层次,推荐使用 Rainbow Brackets 插件:
- 在扩展商店搜索 Rainbow Brackets
- 安装后无需配置即可生效
- 支持多种语言的括号、引号、标签等嵌套着色
- 可在 settings.json 中自定义颜色层级:
自定义主题中的括号颜色
如果使用自定义主题或想微调颜色,可在工作区设置中覆盖样式:
- 打开命令面板(Ctrl + Shift + P)
- 输入 Preferences: Open Settings (JSON)
- 添加 editor.tokenColorCustomizations 配置项
例如修改括号语法着色:
"editor.tokenColorCustomizations": { "textMateRules": [ { "scope": "meta.brace.round, meta.brace.square, meta.brace.curly", "settings": { "foreground": "#C586C0" } } ] } 基本上就这些。系统自带功能加插件配合,能清晰区分多层括号结构,提高代码可读性。










