VSCode的括号匹配高亮如何自定义?

通过修改 workbench.colorCustomizations 可自定义 vscode 括号高亮颜色,需在 settings.json 中设置 foreground1、foreground2、foreground3 和 unexpectedBracket.foreground 对应的值,并确保 editor.bracketPairColorization.enabled 为 true。

VSCode的括号匹配高亮如何自定义?

VSCode 的括号匹配高亮可以通过修改编辑器的配色方案来自定义。默认情况下,括号匹配的颜色由当前主题决定,但你可以通过自定义 workbench.colorCustomizations 来覆盖这些颜色。

1. 打开设置并编辑 colorCustomizations

进入 VSCode 设置界面,搜索 color customizations,点击“工作台”下的“颜色自定义”(或直接编辑 settings.json 文件)。

settings.json 中添加以下配置:

“workbench.colorCustomizations”: { “editorBracketHighlight.foreground1”: “#ff0000”, “editorBracketHighlight.foreground2”: “#00ff00”, “editorBracketHighlight.foreground3”: “#0000ff”, “editorBracketHighlight.unexpectedBracket.foreground”: “#ff00ff” }

2. 各颜色项说明

  • foreground1:第一层括号(如圆括号 ())的颜色
  • foreground2:第二层括号(如方括号 [])的颜色
  • foreground3:第三层括号(如花括号 {})的颜色
  • unexpectedBracket.foreground:不匹配的括号颜色(例如多了一个 })

这些颜色会按层级交替高亮,使嵌套结构更清晰。

VSCode的括号匹配高亮如何自定义?

琅琅配音

全能AI配音神器

VSCode的括号匹配高亮如何自定义?89

查看详情 VSCode的括号匹配高亮如何自定义?

3. 确保启用括号高亮功能

某些旧版本可能需要手动开启。检查设置中是否启用了:

“editor.bracketPairColorization.enabled”: true

如果你使用的是较新版本 VSCode,该功能默认开启。

基本上就这些。改完后保存 settings.json,括号颜色立即生效。不复杂但容易忽略。

上一篇
下一篇
text=ZqhQzanResources