发布于 2026-01-06 3 阅读
0

如何原生配置 VSCode 括号对颜色

如何原生配置 VSCode 括号对颜色

2021年8月的一次更新后,VSCode开始原生支持括号对着色。这意味着不再需要使用Bracket Pair Colorizer扩展(我非常喜欢这个扩展)。

VSCode 团队在官方公告中表示,他们选择原生实现此功能是为了解决性能问题。

我最近卸载了那个扩展程序,心想,不如试试不用括号颜色扩展程序的编辑器吧。结果我根本用不了。我从小就用这个扩展程序,再也回不去普通的、没有颜色的括号了。

ss1

要启用此设置,请打开settings.jsonVSCode 编辑器中的文件并添加以下内容:



{
  // ...
  "editor.bracketPairColorization.enabled": true,
  "workbench.colorCustomizations": {
    "editorBracketHighlight.foreground1": "#ffb86c",
    "editorBracketHighlight.foreground2": "#8be9fd",
    "editorBracketHighlight.foreground3": "#bd93f9",
    "editorBracketHighlight.foreground4": "#50fa7b",
    "editorBracketHighlight.foreground5": "#f1fa8c",
    "editorBracketHighlight.foreground6": "#abb2c0",
    "editorBracketHighlight.unexpectedBracket.foreground": "#ff5555"
  }
}


Enter fullscreen mode Exit fullscreen mode

然后根据你的风格调整颜色!

ss2

顺便一提,以上颜色来自Dracula 主题的🧛‍♂️调色板,与我目前使用的整体编辑器主题相匹配。

文章来源:https://dev.to/amanhimself/how-to-configure-vscode-bracket-pair-colors-natively-3nl