在Visual Studio Code中高亮&lt;和&gt;的方法及设置位置

数据老陈

2026-5-25

在VS Code中高亮HTML里的<和>转义字符

嘿，这个需求很容易实现，咱们利用VS Code的自定义语法高亮功能就能搞定，具体步骤和设置入口如下：

一、打开设置JSON文件（两种方式任选）

快捷键方式：按下 Ctrl+,（Windows/Linux）或 Cmd+,（Mac）打开设置面板，然后点击右上角的**打开设置(JSON)**图标（就是那个大括号{}按钮）。
命令面板方式：按下 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（Mac）调出命令面板，输入 Preferences: Open Settings (JSON) 后回车即可打开。

二、添加自定义高亮规则

在打开的settings.json文件中，添加以下配置代码：

"editor.tokenColorCustomizations": {
  "[HTML]": {
    "textMateRules": [
      {
        "scope": "constant.character.entity.html",
        "settings": {
          "foreground": "#FFFF00" // 这里是黄色的十六进制色码，你可以换成自己喜欢的颜色
        }
      }
    ]
  }
}

配置说明：

[HTML]：表示这个规则只对HTML文件生效，避免影响其他类型文件。
constant.character.entity.html：这是VS Code识别HTML实体字符（比如<、>、&等）的语法作用域。
foreground：设置字符的前景色，#FFFF00就是标准黄色，你可以根据需求替换成其他色码（比如#FFD700是金色）。

如果你只想单独高亮<和>，而不是所有HTML实体，可以用带正则匹配的规则替代上面的textMateRules内容：

{
  "name": "HTML LT/GT Entities",
  "scope": "constant.character.entity.html",
  "settings": {
    "foreground": "#FFFF00"
  },
  "match": "&(lt|gt);"
}