Angular - Как изменить цвет переменной в файле html в VS Code?

Question

Вопрос уже задавался, но без ответов.

У меня есть следующие фрагменты в html и ts компонентных файлах:

Я хотел бы иметь переменные: allowNewServer и serverCreationStatus окрашены в фиолетовый цвет.
Плагины My VS Code: Angular Основы (Версия 9)

Answer 1

Я использую этот VS Кодовый плагин , который добавляет подсветку синтаксиса к angular html шаблонам.

Для дальнейшего улучшения цвета, особенно фиолетового, вам придется настроить ваш тема или редакторы textMateRules настройки.

В вашем settings.json:

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