You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

在Visual Studio Code中高亮<和>的方法及设置位置

在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实体字符(比如&lt;&gt;&amp;等)的语法作用域。
  • foreground:设置字符的前景色,#FFFF00就是标准黄色,你可以根据需求替换成其他色码(比如#FFD700是金色)。

如果你只想单独高亮&lt;&gt;,而不是所有HTML实体,可以用带正则匹配的规则替代上面的textMateRules内容:

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

三、生效验证

保存settings.json文件后,回到你的HTML文件,就能看到所有&lt;&gt;(或指定的实体字符)已经变成黄色高亮啦!

内容的提问来源于stack exchange,提问作者Blue11440

火山引擎 最新活动