VSCode - HTML/CSS 中的括号对着色（如何？）

Question

我正在使用原生 VSCode 括号对着色，并且刚刚意识到它不适用于 HTML，特别是 CSS（我对此更感兴趣）。我尝试在“设置”中查找并在 Google 中搜索一些帮助，但没有找到任何帮助。你们中有人知道一些 .json 设置吗，以便我可以向此功能添加 HTML/CSS？

Answer 1

我在 Github 上找到了这个，它可以工作。你可以试试

"editor.language.colorizedBracketPairs": [
    ["[", "]"],
    ["(", ")"],
    ["{", "}"],
    ["<", "</"],
    ["<", "/>"]
],

Answer 2

CSS/SCSS 默认支持括号对着色。至于 HTML，它没有任何括号，但如果单击开始标签，它仍然会突出显示结束标签。

Answer 3

对于HTML来说，它没有任何括号

• 嗯，如果你使用 Angular 的插值，就可以了。

直到现在，2022 年 11 月 3 日，vscode 的实现仍然无法与 html 配合使用。所以我禁用了本机并重新安装了 Bracket Pair Colorizer 2。现在它可以工作了。

虽然已经弃用，但一切正常。我不会满足于最新和最好的但缺乏功能。

Answer 4

您不需要将开始和结束标签着色。您需要的是要着色的缩进参考线，并且无需任何扩展即可实现此目的。

1. 在 VS Code 中点击 Ctrl+P。
2. 写入 >settings.json 并按 Enter。
3. 粘贴以下代码：

.

"workbench.colorCustomizations": {
"editorIndentGuide.activeBackground1": "#2bff00" },

更改缩进指南的颜色： 您还可以将缩进指南的颜色更改为您喜欢的颜色，只需将十六进制值修改为您想要的颜色或将鼠标悬停在颜色上并选择您喜欢的颜色即可。

"workbench.colorCustomizations": {
    "editorIndentGuide.activeBackground1": "#ffcb61"
},

这也适用于所有其他编程语言。