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
          }
        },
      ]
  },