如何查看Angular版本?


123

@angular/cli使用以下命令通过npm 安装了软件包:

npm install -g @angular/cli

@ angular / cli版本1.4.2已成功安装。但这不是Angular版本,而是CLI版本。

运行后,ng new myapp如何检查创建的应用程序是哪个Angular版本?2.x,4.x?

Answers:


191
ng version

您已全局安装了角度cli(在命令中为-g)。这意味着您可以ng version在命令提示符下键入。当命令提示符不在 npm控制的目录内时,执行此操作可能更为精确(您在键入的目录中键入此命令ng new myapp)。

给那些从Google到这里的人的注释: ng version将让您知道当前目录引用了哪个(粗略)版本的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: ...


4
ng版本不会为您提供角度版本。您需要检查package.json才能知道有角度的版本
Suresh Kamrushi

@SureshKamrushi我可以第二次,它显示了版本以外的所有内容
Kolob Canyon

4
ng version如果您在项目文件夹中,则提供de Angular版本。
Vinicius Brasil '18

如果您在项目文件夹中,则ng版本将提供项目正在使用的angular版本以及其他信息,例如Angular cli版本,节点版本,TypeScript版本,webpack版本,rxjs版本等
。– ssmsnet

36

对于Angular 1或2(但不适用于Angular 4+):

您也可以打开控制台,然后转到使用任何浏览器的开发人员工具上的element选项卡。

要么

键入angular.version以访问保存有角度版本的Javascript对象。

对于Angular 4+,有以下几种方法:

在命令提示符下或在VS Code的终端中编写以下代码。(最多3个)

  1. ng版本或ng --version(查找图像以供参考)
  2. ng v
  3. ng -v

在终端中,您可以找到如附图所示的角度版本: 在此处输入图片说明

  1. 您也可以打开控制台,然后转到使用任何浏览器的开发人员工具上的element选项卡。如下图所示:

在此处输入图片说明

  1. 找到package.json文件,您将找到所有已安装的依赖项及其版本。

13

您应该检查项目中的package.json文件。在这里,您将看到所有已安装的软件包以及这些软件包的版本。


11

在命令行中,我们可以检查已安装的ng版本。

ng -v OR ng --version OR ng version

这会给你这样的:

 _                      _                 ____ _     ___

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

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

1
@viki,这是角度5吗?您能告诉我如何识别哪个角度4,3,5
Vinoth

1
@vinod。角CLI:> 1.3是考虑作为Anguar 5.下面这个是角4
Vik2696

6
你能告诉我为什么它说Angular: .....它不应该在那里显示版本吗?
Kolob Canyon

1
现在是2020年,Angular 9就在这里!我仍然将...作为我的Angular版本。为什么这样显示?
Prateek Kumar Dalbehera


2

我认为D. Squire给出的答案是准确的,但可能只有一点点含糊。如果将目录更改为项目,然后键入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

2

Angular CLI ng v确实输出的不仅仅是版本。

如果只需要它的版本,则可以添加管道grep并过滤角度,例如:

ng v | grep 'Angular:'

输出:

Angular: #.#.# <-- VERSION

为此,我有一个别名是

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

然后只需使用ngv


2

运行ng版本

然后只需检查角铁芯封装的版本即可。

@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


1
  1. ng v
  2. ng --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

Angular版本在上面的第4行中


1

有很多方法,您可以检查角度版本只需输入comand提示符(对于Windows)并输入

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

使用命令行检查角度版本

4. You can pakage.json file

检查pakage.json文件的角度版本

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

在浏览器上检查角度版本

全面了解Subversion关于(xxx)的信息,请参阅angular文档angularJSangular 2+


0

从角度7开始,以下两个命令正在运行

ng --version 
ng version

0

首先在机器上全局安装Angular / cli。要安装angular / cli,请运行命令npm install -g @ angular / cli

在Angular7上方,使用这两个命令在此处输入图片说明来了解Angular / Cli 1. ng的版本– ng --version, 2. ng版本





-1

我的2美分,在Angular 9中(不检查旧版本),您可以在root div属性中找到有角度的版本,这就是我在app-root组件中显示当前版本的方式(将其提取并保存在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);
    ....
  }
}
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.