как найти мою угловую версию в моем проекте?

92

Я установил код angular на моем локальном компьютере. Мне нужно знать версию angular, которую я использую в проекте. как я могу легко найти его в командной строке?

Виньеш Кастурисамы
источник
13
Не уверен, почему это отклонено. Это очень разумный вопрос.
DeborahK
@Vignesh. Спасибо, что задали этот вопрос.
Tanzeel

Ответы:

56

Это можно сделать несколькими способами:

  1. Войдите node_modules/@angular/core/package.jsonи проверьте versionполе.
  2. Если вам нужно использовать его в своем коде, вы можете импортировать его из @angular/core:

    import { VERSION } from '@angular/core';

  3. Проверьте визуализированную модель DOM - Angular добавляет версию к основному элементу компонента:

    <my-app ng-version="4.1.3">

Макс Корецкий
источник
вот пример использования метода 2 выше (программно)
Хамзин Хамим
54

попробуйте эту команду:

ng --version

Он распечатывает версии Angular, Angular CLI, Node, Typescript и т. Д.

Мохамед Али РАХИД
источник
2
Вы можете попробовать короткую версию:ng -v
Barna Tekse
1
ng --version, ng vработают, но ng -vне работают.
Vaibhav
ng -v, ng v и ng --version нормально работают в моей системе. Моя версия 7.1.0
Рао
Вопрос был в том, как найти «проектную» версию. ng -v не будет указывать фактическую версию, используемую проектом, только то, какие версии cli установлены в системе. Например, моя команда ng -v показывает, что у меня установлена ​​angular cli версии 9.1.2, однако в моем случае проект фактически использовал angular core версии 5.2.5. Лучший способ найти «проектную» версию - обратиться к посту Макса Корецкого выше. Знание версии cli полезно, но, скорее всего, вам нужно найти базовую версию библиотеки angular, особенно при вычислении совместимости библиотеки. и варианты обновления.
Джошуа Спраг,
25

Для Angular 1 или 2 (но не для Angular 4+):

Вы также можете открыть консоль и перейти на вкладку элементов в инструментах разработчика любого используемого вами браузера.

Или

Введите angular.version, чтобы получить доступ к объекту Javascript, который содержит версию angular.

Для Angular 4+ существует несколько способов, перечисленных ниже:

Напишите ниже код в командной строке / или в терминале в VS Code.

  1. ng version или ng --version (см. вложение).
  2. нг в
  3. нг -v

В терминале вы можете найти угловую версию, как показано на прикрепленном изображении: введите описание изображения здесь

  1. Вы также можете открыть консоль и перейти на вкладку элементов в инструментах разработчика любого используемого вами браузера. Как показано на изображении ниже:

введите описание изображения здесь

5. Найдите файл package.json, вы найдете все установленные пакеты и их версии.

Трилок Патхак
источник
1, 2 и 3 шоу: Angular CLI: 6.2.3 Node: 10.15.1 OS: linux x64 Angular: ...
alete
@alete Вы используете версию Angular 6. Это разрешение.
Trilok Pathak
@alete Или дайте мне подробно знать, какую команду вы выполняете и какой результат вы получаете.
Trilok Pathak
1
Я упомяну об этом, поскольку это меня поймало: версия ng выглядит в node_modules. Поэтому, если вы проверяете другую ветку, ng version по-прежнему сообщает о предыдущей версии ветки, пока вы не запустите обновление пряжи или npm.
MortimerCat
1
Последний вариант для проверки тега html ng-version - лучший вариант
Махеш Малпани
17

определить переменную VERSION и импортировать в нее версию.

import { VERSION } from '@angular/core';

Теперь вы можете использовать переменную VERSION в своем коде для печати версии. Например,

console.log(VERSION.full); 
Вирендра Джадеджа
источник
1
Спасибо. Это было так просто. Это должно быть отмечено как ответ
Зигглер
самый простой ответ.
Амит Джоши
10

Для Angular 2+ вы можете запустить это в консоли:

document.querySelector('[ng-version]').getAttribute('ng-version')

Для AngularJS 1.x:

angular.version.full
Nateowami
источник
Это работает, только если у вас есть доступный скомпилированный код.
Кэмерон Хадсон,
3
  1. Браузер> Проверить> Элемент>

    <.app-root _nghost-hey-c0 = "" ng-version = "8.2.11" >

  2. В терминале

    :> версия ng
    :> ng --version
    :> ng -v

Р.М. Шахидул Ислам Шахед
источник
Метод 1 доступен только в том случае, если вам доступен скомпилированный код. Метод 2 дает только версию angular CLI, которую вы установили глобально, а не версию angular, в которой был написан проект.
Кэмерон Хадсон,
3

Если вы попытаетесь проверить версию angular в браузере, для меня сработало только это Ctrl+ Shift+ iи вставьте следующую команду в консоль:

document.querySelector('[ng-version]').getAttribute('ng-version')

пример:

введите описание изображения здесь введите описание изображения здесь

Эдуард Флоринеску
источник
0

ng --versionкоманда покажет только установленную версию angular на вашем компьютере вместо фактической версии проекта .

если вы действительно хотите узнать версию проекта , перейдите в свой проект, используйте команду ниже

npm list -local

введите описание изображения здесь

Shakthifuture
источник
0

Вы также можете найти сведения о версии зависимостей в файле package.json следующим образом:

введите описание изображения здесь

Имран Джавед
источник
-1

вы можете использовать ng --version для угловой версии 7

Minitechi
источник