如何在VS Code中实现光标定位时高亮括号对及括号内部区域？

一、启用内置括号对高亮 #

VS Code原生支持括号对着色，操作步骤如下：

• 打开设置面板：按下Ctrl+,（Windows/Linux）或Cmd+,（Mac）。
• 搜索并启用editor.bracketPairColorization.enabled选项。
• 可选：自定义括号高亮颜色，在设置中添加以下JSON配置（颜色值可按需修改）：

"workbench.colorCustomizations": {
  "editorBracketHighlight.foreground1": "#e51400",
  "editorBracketHighlight.foreground2": "#fa6800",
  "editorBracketHighlight.foreground3": "#f0a30a",
  "editorBracketHighlight.foreground4": "#e3c800",
  "editorBracketHighlight.foreground5": "#a4c400",
  "editorBracketHighlight.foreground6": "#60a917"
}

二、安装扩展实现内部区域高亮 #

原生功能仅高亮括号本身，要实现类似DrRacket的内部区域高亮，需借助扩展：

• 在VS Code扩展商店搜索并安装Bracket Pair Colorizer 2。
• 添加以下配置启用内部区域背景高亮：

"bracket-pair-colorizer-2.highlightActiveScope": true,
"bracket-pair-colorizer-2.colorMode": "background",
"bracket-pair-colorizer-2.scopeLineRelativePosition": "inside"

• 可选：自定义内部区域的高亮透明度与颜色，补充到workbench.colorCustomizations中：

"workbench.colorCustomizations": {
  "bracket-pair-colorizer-2.background1": "#e5140020",
  "bracket-pair-colorizer-2.background2": "#fa680020",
  "bracket-pair-colorizer-2.background3": "#f0a30a20"
}

（颜色值末尾的20为透明度参数，数值越小透明度越高）

三、验证配置效果 #

设置完成后，将光标定位到任意括号上，即可看到括号对被高亮，同时对应的内部区域会显示背景高亮，与DrRacket的效果一致。

内容的提问来源于stack exchange，提问作者WestMountain