如何检查Angular版本？

时间：2017-09-20 21:57:58

标签： angular version angular-cli

我使用此命令通过npm安装了@angular/cli包：

npm install -g @angular/cli

@ angular / cli版本1.4.2已成功安装。

当我运行ng new myapp时，如何检查创建的应用程序是哪个Angular版本？ 2.x，4.x？

18 个答案:

答案 0 :(得分：90)

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: ...。

答案 1 :(得分：14)

  

对于Angular 1或2（但不适用于Angular 4 +）：

您还可以打开控制台并转到所用浏览器的开发人员工具上的element选项卡。

或

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

  

对于Angular 4+，有以下几种方法：

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

  
      
  1. ng版本或ng --version（查找图像以供参考）
    2.   
  2. ng v
    3.   
  3. ng -v
    4.   

在终端中，您可以找到如附图所示的角度版本： enter image description here

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

enter image description here

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

答案 2 :(得分：12)

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

答案 3 :(得分：9)

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

＆＃xA;＆＃xA; 
  ng -v OR ng --version OR ng version＆＃xA;
＆＃xA;＆＃xA;

这会给你这样的：

＆＃xA;＆＃xA; 
  _ _ ____ _ ___＆＃xA;＆＃ XA; / \ _ __ __ _ _ _ | | __ _ _ __ / ___ | | | _ _ |＆＃xA; /△\ | '_ \ / _` | | | | | / _` | “__ | | | | | | |＆＃XA; / ___ \ | | | | （_ | | | _ | | |（_ | | | | | ___ | | ___ | |＆＃xA; / _ / \ _ _ _ | | _ | \ __，| \ __，_ | _ | \ __ ，_ | _ | \ ____ | _____ | ___ |＆＃xA; | ___ /＆＃xA;＆＃xA; Angular CLI：1.6.5＆＃xA;节点：8.0.0＆＃xA;操作系统：linux x64＆＃xA ; Angular：＆＃xA; ...＆＃xA;
＆＃xA;

答案 4 :(得分：6)

ng v

只需在终端上运行上面的命令。

答案 5 :(得分：2)

Angular CLI ng v除了输出版本外，不会输出更多的东西。

如果只需要版本，则可以添加管道grep并过滤角度，例如：

h

输出：

ng v | grep 'Angular:'

为此，我有一个别名

Angular: #.#.# <-- VERSION

然后只需使用 ngv

答案 6 :(得分：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

答案 7 :(得分：1)

我认为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

答案 8 :(得分：1)

有很多方法，您可以检查棱角形版本 提示（对于Windows），然后输入

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

check the angular version using comand line 

4. You can pakage.json file

check the angular version on pakage.json file 

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

check the angular version on your browser

全面了解有关（x.x.x）的颠覆信息，请参阅角度文档angularJS和angular 2+

答案 9 :(得分：0)

在终端中使用以下命令之一（已安装Angular CLI）：

$ ng --version

或

$ ng v

但是请注意，根据您所在的文件夹，您将获得不同的结果。

如果您不在角度项目文件夹中，则将看到类似这样的结果，没有明确说明的Angular: version行，除非在包块中引用了angular core（如版本）：）

Angular CLI: 11.0.4
Node: 14.15.1
OS: win32 x64

Angular:
...
Ivy Workspace:

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1100.4 (cli-only)
@angular-devkit/core         11.0.4 (cli-only)
@angular-devkit/schematics   11.0.4 (cli-only)
@schematics/angular          11.0.4 (cli-only)
@schematics/update           0.1100.4 (cli-only)

如果在有角度的项目文件夹中运行命令，您将看到类似的结果，其中Angular: 8.2.14明确说明（加上一些点）。

Angular CLI: 8.3.29
Node: 14.15.1
OS: win32 x64
Angular: 8.2.14
... core

Package                             Version
-------------------------------------------------------------
@angular-devkit/architect           0.803.29
@angular-devkit/core                8.3.29
@angular-devkit/schematics          8.3.29
@angular/cli                        8.3.29
@angular/common                     2.4.10
@angular/compiler                   2.4.10
@angular/compiler-cli               2.4.10
@angular/forms                      2.4.10
@angular/http                       2.4.10
@angular/platform-browser           2.4.10
@angular/router                     3.4.10
...

答案 10 :(得分：0)

ng --version命令返回已安装的Angular CLI版本的详细信息

答案 11 :(得分：0)

检查命令提示符

ng --version或ng版本或ng -v

答案 12 :(得分：0)

在终端中输入ng -v或ng --version。

答案 13 :(得分：0)

  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行

答案 14 :(得分：0)

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

在Angular7上，使用这两个命令enter image description here来了解Angular / Cli的版本 1. ng --version 2. ng版本

答案 15 :(得分：0)

从Angle 7开始，以下两个命令开始工作

ng --version 
ng version

答案 16 :(得分：-1)

ng --version

您可以观看此视频，安装最新的角度版本。 https://youtu.be/zqHqMAWqpD8

答案 17 :(得分：-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);
    ....
  }
}
相关问题
最新问题