3 метода проверки версии Angular

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

1. Проверка с помощью Angular CLI

Angular CLI предоставляет простой способ проверки версии вашего проекта:

1. Откройте терминал.
2. Перейдите в корневой каталог вашего Angular проекта.
3. Выполните следующую команду:

   ng version

Это отобразит подробную информацию, включая версию Angular, версию CLI и зависимости.

Когда использовать этот метод

Используйте CLI, если вы активно работаете над проектом или выполняете локальную отладку. Это быстро и надежно.

2. Проверка файла package.json

Ваш файл package.json хранит информацию о версии для Angular и его зависимостей. Вот как ее найти:

1. Откройте файл package.json в каталоге вашего проекта.
2. Найдите @angular/core в разделе dependencies:

   {
     ""dependencies"": {
       ""@angular/core"": ""^15.2.0""
     }
   }

Число после @angular/core (например, 15.2.0) - это ваша версия Angular.

Когда использовать этот метод

Это полезно, когда у вас не установлен CLI или вам нужно проверить версию удаленно (например, через систему контроля версий).

3. Использование консоли браузера

Если проект запущен в браузере, вы можете проверить версию Angular непосредственно из консоли:

1. Откройте инструменты разработчика браузера (обычно F12 или правый клик → Inspect).
2. Перейдите на вкладку ""Console"".
3. Введите и выполните следующую команду:

   ng.probe(document.body).injector.get(ng.coreTokens.VERSION).full

Это выведет версию Angular, которая в настоящее время используется.

Когда использовать этот метод

Этот метод идеально подходит для доступа к развернутому Angular приложению, где у вас нет доступа к исходным файлам или CLI.

Часто задаваемые вопросы

Заключение

Определение версии Angular является простым с использованием CLI, package.json или консоли браузера. Выберите метод, который подходит для вашего сценария, и обеспечьте совместимость и удобство обслуживания ваших проектов.