Выделите угловой синтаксис в шаблоне html

Есть ли надстройка для кода Visual Studio, которая выделяет синтаксис angular в шаблоне html? введите описание изображения здесь

теперь это похоже на беспорядок.

Я бы порекомендовал вам тот, который я разрабатываю в последнее время: marketplace.visualstudio.com/… Он еще не идеален

ghaschel 31.10.2018 20:44
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
0
1
538
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Если вы хотите правильно выделить синтаксис в ваших шаблонах, самый простой способ - сохранить ваши шаблоны в их собственных файлах. Вот как выглядит ваш пример в VSCode, если вы храните этот шаблон в его собственном файле .html, например:

Template Syntax Highlighting

Тем не менее, если вы хотите продолжать использовать встроенные шаблоны, этот плагин - это то, что вы ищете.

Попробуйте это расширение angular2-inline Я использовал и очень хорошо

Другие вопросы по теме

Vscode - не удается отладить проект экспресс-генератора
Проблемы с автозаполнением VSCode для пакетов Laravel
Код Spring Boot, Gradle и Visual Studio - задача Gradle bootRun работает некорректно
При отладке JavaScript в Visual Studio Code и ESlint можно ли отключить по умолчанию переход на <node_internals>?
Как настроить TypeScript для выдачи ошибки / предупреждения из-за неправильного оператора импорта?
Почему редактор вставляет последний символ новой строки для файлов JSON, несмотря на то, что он настроен так, чтобы этого не делать?
Проверить невоспроизводимый вывод кода VS на терминал
Vscode и eslint неправильный отступ в <Text> | JSX | React Native
Сервер работает с использованием express js, но не может просматривать html-страницу в браузере. При попадании на localhost: 3000 появляется только пустой экран
Запросы к .NET Core Web API из приложения Angular (HttpClient) не выполняются с помощью отладчика VSCode для расширения Chrome