在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实体字符(比如<、>、&等)的语法作用域。foreground:设置字符的前景色,#FFFF00就是标准黄色,你可以根据需求替换成其他色码(比如#FFD700是金色)。
如果你只想单独高亮<和>,而不是所有HTML实体,可以用带正则匹配的规则替代上面的textMateRules内容:
{ "name": "HTML LT/GT Entities", "scope": "constant.character.entity.html", "settings": { "foreground": "#FFFF00" }, "match": "&(lt|gt);" }
三、生效验证
保存settings.json文件后,回到你的HTML文件,就能看到所有<和>(或指定的实体字符)已经变成黄色高亮啦!
内容的提问来源于stack exchange,提问作者Blue11440




