Angular - 如何在 VS Code 的 html 文件中更改變量的顏色？

Question

以前有人問過問題，但沒有答案。

我在 html 和 ts 組件文件中有這個片段：

我想要變量： allowNewServer和serverCreationStatus為紫色。
我的VS Code插件：Angular Essentials（第9版）

Answer 1

我使用這個VS Code 插件，它為 angular html 模板添加了語法高亮。

為了進一步增強它的顏色，特別是紫色，您必須調整您的主題或編輯器textMateRules設置。

在您的settings.json ：

"editor.tokenColorCustomizations": {
      "textMateRules": [
        {
          "scope": [
            "expression.angular-interpolation",
            "source.directive.angular"
          ],
          "settings": {
            "foreground": "purple" // or use your desired hex code
          }
        },
      ]
  },