@Drovosek01

Как включить подсветку ошибок и авто дополнение в шаблонах Angular компонентов в VSCode?

Доброго времени суток.

Есть проект на Angular 11. Все стандартно - код компонентов в .ts файлах, разметка в .html файлах, стили в .scss файлах.

Если я указываю несуществующее название переменной, перед которой в коде компонента стоит декоратор Input(), то VSCode мне не говорит, что я ошибся.
60a6104b8f0ed715177370.png
(Синее подчеркивание на скрине это просто проверка грамматики английского, не относится к коду)

Если я поставлю пару квадратных скобок и нажму Ctr+Space, чтобы показались варианты автодополнения, то среди списка вариантов не будет ничего, что относилось бы к компоненту, в директиве которого я поставил квадратные скобки.
60a60f4daa3a6875915678.png

Из расширений для VSCode у меня стоят следующие:
Angular Language Service
Angular 10 Snippets - TypeScript, Html, Angular Material, ngRx, RxJS & Flex Layout
ESLint
Prettier
Остальные к коду не относятся.

Собственно вопрос в заголовке.
Как сделать IDE более умной в шаблонах Angular?

P.S.
При этом в другом компоненте другого приложения в этом проекте, в шаблоне ошибки отображаются как положено
60a61e9aec680889058132.png
  • Вопрос задан
  • 424 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы