Как проверить версию Angular?

Я установил @angular/cliпакет через npm, используя эту команду:

npm install -g @angular/cli

Версия 1.4.2 @ angular / cli была успешно установлена. Но это не версия Angular, а версия CLI.

После запуска, ng new myappкак я могу проверить, какая версия Angular создана? 2.x, 4.x?

ng version

Вы установили angular cli глобально (-g в команде). Это означает, что вы можете ввести его ng versionв командную строку. Это может быть более точным, если ваша командная строка находится вне каталога, контролируемого npm (вы должны ввести это в каталоге, который вы ввели ng new myapp).

Примечание для тех, кто попал сюда от Google: ng version сообщит вам, на какую (грубую) версию Angular ссылается текущий каталог. например, в этом каталоге установлен angular 4.x (~ 4.3.0).

@angular/cli: 1.2.1
node: 8.11.1
os: win32 x64
@angular/common: 4.3.0
@angular/compiler: 4.3.0
@angular/core: 4.3.0
@angular/forms: 4.3.0
@angular/http: 4.3.0
@angular/platform-browser: 4.3.0
@angular/platform-browser-dynamic: 4.3.0
@angular/router: 4.3.0
@angular/cli: 1.2.1
@angular/compiler-cli: 4.3.0

Если вы не находитесь в каталоге, в котором есть файл packages.config, вы получите Angular: ....

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

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

Или

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

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

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

1. ng version или ng --version (Найдите изображение для справки)
2. нг в
3. нг -v

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

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

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

Вы должны проверить файл package.json в проекте. Там вы увидите все установленные пакеты и версии этих пакетов.

В командной строке мы можем проверить нашу установленную версию ng.

ng -v OR ng --version OR ng version

Это даст вам вот что:

 _                      _                 ____ _     ___

   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
  / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
               |___/

Angular CLI: 1.6.5
Node: 8.0.0
OS: linux x64
Angular: 
...

ng v

Просто запустите команду выше в терминале.

Я думаю, что ответ Д. Сквайра был точным, но, возможно, лишь немного расплывчатым. Если вы измените каталоги проекта и затем наберете ng --version, в проекте отобразится угловая версия. Если это сделать из каталога по умолчанию (не в рамках проекта), вы получите только версию Angular CLI, которая, вероятно, не то, что вы ищете, и даст результат, показанный Vik2696.

$ cd my-project
$ ng --version   // done within project directory

Angular CLI: 1.6.8
Node: 8.9.4
OS: win32 x64
Angular: 5.2.5
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cli: 1.6.8
@angular-devkit/build-optimizer: 0.0.42
@angular-devkit/core: 0.0.29
@angular-devkit/schematics: 0.0.52
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.8
@schematics/angular: 0.1.17
typescript: 2.5.3
webpack: 3.10.0

Angular CLI ng v выводит немного больше, чем просто версию.

Если вам нужна только версия, вы можете добавить grep и фильтр для angular, например:

ng v | grep 'Angular:'

ВЫВОД:

Angular: #.#.# <-- VERSION

Для этого у меня есть псевдоним

alias ngv='ng v | grep 'Angular:''

Тогда просто используйте ngv

запустить версию

затем просто проверьте версию пакета angular core.

@angular/cli: 1.2.6
node: 8.11.1
os: win32 x64
@angular/animations: 4.3.2
@angular/common: 4.3.2
@angular/compiler: 4.3.2
**@angular/core: 4.3.2**
@angular/forms: 4.3.2

В терминале введите либо ng -vили ng --version.

1. нг в
2. нг --v

вы увидите что-то вроде следующего:

Angular CLI: 7.3.8
Node: 10.15.1
OS: win32 x64
Angular: 5.2.10
... animations, common, compiler, core, forms, http
... platform-browser, platform-browser-dynamic, router

Угловая версия находится в строке 4 выше

Есть много способов проверить версию angular. Просто запустите командную строку (для Windows) и введите

1. ng version
2. ng v
3. ng -v

4. You can pakage.json file

5.You can check in browser by presing F12 then goto elements tab

Полное понимание подрывной деятельности по поводу (xxx) см. Документацию angular angularJS и angular 2+

Начиная с angular 7 работают две следующие команды.

ng --version 
ng version

Сначала установите Angular / cli глобально на машине. чтобы установить angular / cli, выполните команду npm install -g @ angular / cli

Выше Angular7 используйте эти две команды, чтобы узнать версию Angular / Cli 1. ng --version, 2. ng version.

проверьте командную строку

ng --version ИЛИ ng версия ИЛИ ng -v

Команда ng --version возвращает сведения об установленной версии Angular CLI.

ng --version

вы можете посмотреть это видео, чтобы установить последнюю версию angular. https://youtu.be/zqHqMAWqpD8

мои 2 цента, в Angular 9 (не проверял более старые версии) вы можете найти угловую версию в корневых атрибутах div, и именно так я показываю текущую версию в корневом компоненте приложения (извлекаю и сохраняю ее в моем Global для использования в других компонентах :

import { Component, ElementRef } from "@angular/core";
....
@Component({
  selector: 'app-root',
  templateUrl: `<div>
    <h1>TestApp: .NetCore3.1 + PostgreSql 12 + Angular {{ngVersion}}</h1>
</div>
....
 `
})
export class AppComponent {
  ngVersion: string;
  constructor(private router: Router, private el: ElementRef) {
    ....    
    //read ng-verion and save it in Global's
    Global.ngVersion = this.el.nativeElement.getAttribute("ng-version");
    this.ngVersion = Global.ngVersion.substring(0, 1);
    ....
  }
}