有没有办法只改变 VSCode 中 Vue 指令的颜色？

Question

我只是在寻找一种方法来更改 Visual Studio 代码中仅 Vue 指令的颜色。

可以使用主题 VSCode 吗？

Answer 1

您可以使用扩展程序 Highlight

将此添加到您的 settings.json

  "highlight.regexes": {
    "( v-[a-zA-Z0-9]+)(=)(\".+?\")": {
      "regexFlags": "g",
      "filterLanguageRegex": "html",
      "decorations": [
        { "color": "yellow" },
        { "color": "white" },
        { "color": "green" }
      ]
    }
  }

您必须更改主题的颜色。

如果需要，您可以更改 v- 之后的正则表达式以包含其他字符。