前往文件/首选项/设置
在设置中点击扩展,然后选择BracketPair(您必须先下载此扩展程序才能显示在此处)。在BracketPair设置页面上,将鼠标悬停在Bracket Pair Colorizer:Color Mode选项上,然后会出现一个设置图标,请单击该图标,并选择复制设置为JSON。括号设置
从下拉菜单中,您可以选择连续或独立。单击Bracket Pair Colors下面的Edit in setting.json链接,它将打开一个带有要编辑的JSON选项的选项卡。根据您的选择,您将看到不同的JSON选项。请记住,您可以在用户设置和工作区设置中更改这些选项。
在用户设置选项卡中,如果单击Edit in setting.json链接,则设置.JSON如下所示:
{
"workbench.iconTheme": "material-icon-theme",
"http.proxyStrictSSL": false,
"editor.tabSize": 2,
"editor.detectIndentation": false,
"liveServer.settings.donotShowInfoMsg": true,
"workbench.colorTheme": "Solarized Light",
"editor.accessibilitySupport": "off",
"editor.colorDecorators": false,
"editor.highlightActiveIndentGuide": false
}
现在您可以将之前复制的“复制设置为JSON”粘贴到JSON的最后一行,您的JSON应该如下所示:
{
"workbench.iconTheme": "material-icon-theme",
"http.proxyStrictSSL": false,
"editor.tabSize": 2,
"editor.detectIndentation": false,
"liveServer.settings.donotShowInfoMsg": true,
"workbench.colorTheme": "Solarized Light",
"editor.accessibilitySupport": "off",
"editor.colorDecorators": false,
"editor.highlightActiveIndentGuide": false,
"bracketPairColorizer.consecutivePairColors": [
[
"()",
[
"Green",
"Orchid",
"LightSkyBlue"
],
"Red"
],
[
"[]",
[
"Blue",
"Orchid",
"LightSkyBlue"
],
"Red"
],
[
"{}",
[
"Red",
"Orchid",
"LightSkyBlue"
],
"Red"
]
]
}
我将所有的金色更改为绿色、蓝色和红色。
请注意,我在“bracketPairColorizer.independentPairColors”上更改了键名,这是我的VS Code设置的默认值,以反映Bracket Pair Colorizer下拉选项中的选项“bracketPairColorizer.consecutivePairColors”。如果您最终选择了Independent,请记得将其作为independentPairColors键名。
要在Workspace Settings选项卡中应用此设置,当您单击链接WorkSpace Settings时,它将打开一个settings.json文件,在其中您有以下内容:
{ "bracketPairColorizer.independentPairColors": [
[
"()",
[
"Blue",
"Orchid",
"LightSkyBlue"
],
"Red"
],
[
"[]",
[
"Blue",
"Orchid",
"LightSkyBlue"
],
"Red"
],
[
"{}",
[
"Blue",
"Orchid",
"LightSkyBlue"
],
"Red"
]
请记住,根据您在下拉菜单中选择的选项,连续或独立,您需要更改键名 "bracketPairColorizer.independentPairColors"。