Angular Language Service - это способ получить дополнения кода, ошибки, подсказки и навигацию внутри шаблонов Angular, независимо от того, являются ли они внешними файлами шаблонов или встроенными шаблонами. Его можно установить в виде расширения для всех основных поддерживаемых редакторов кода.

Почему вы должны это использовать?

Проверка ошибок

Улучшенное обнаружение ошибок и возможность исправить их заранее, не дожидаясь, пока консоль выдаст ошибку. Это будет очень полезно в долгосрочной перспективе, особенно для крупных и сложных проектов.

Быстрая информация и навигация

Слишком частое переключение между файлами в вашей кодовой базе может занять много времени на вашей временной шкале разработки. Возможность перемещаться между разными файлами в вашей кодовой базе может быть здесь преимуществом. С помощью Angular Language Service вы можете навести указатель мыши на свой код, чтобы узнать, откуда он взялся, и перейти к его определению, где он определен изначально. Это не новая функция для IDE, но она полезна для навигации между файлами шаблонов и компонентов.

Завершение кода

Автозавершение кода может ускорить время разработки, предлагая вам возможные варианты кода по мере ввода. Он использует «Сервис языка машинописного текста» для анализа ваших файлов машинописного текста и предоставления предложений по коду.

Как это работает?

Когда вы открываете любой файл Angular в редакторе кода, в котором включен плагин Angular Language Service, ваш редактор автоматически определяет, что вы открыли проект Angular, и запускает отдельный процесс языковой службы, который будет анализировать и отслеживать состояние вашего проекта. чтобы предоставить вам языковые услуги для любых шаблонов, которые вы открываете. Кроме того, он координируется с процессом языковой службы Typescript для предложения автозаполнения фрагментов.

Как установить

Вы можете получить Angular Language Service как расширение из Visual Studio Marketplace. Просто установите и активируйте расширение, чтобы начать использовать Angular Language Service.

Нажмите здесь, чтобы перейти в Visual Studio Marketplace.

Поделитесь своим опытом использования Angular Language Service в этой ветке.

Справочный источник - официальная документация по Angular, выступление Чака Джаздзевски на ngConf о языковой службе шаблонов Angular (https://youtu.be/ez3R0Gi4z5A)