如何获得 Angular 版本？答案

【问题标题】：How to get the Angular version?如何获得 Angular 版本？
【发布时间】：2018-03-02 02:59:21
【问题描述】：

我通过 npm 安装了 @angular/cli 包，使用：

npm install -g @angular/cli

@angular/cli的1.4.2版本已经安装成功。那不是 Angular 版本，而是 CLI 版本。

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

【问题讨论】：

标签： angular angular-cli

【解决方案1】：

要在 Windows 上使用 Powershell 仅获取 Angular CLI 版本号，请尝试：

ng v | Select-String -Pattern 'Angular CLI'

示例输出：Angular CLI: 9.1.9

【讨论】：

【解决方案2】：

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

$ ng --version

或

$ ng v

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

如果您不在 Angular 项目文件夹中，那么将看到这样的结果，没有明确说明 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 项目文件夹中运行命令，您将看到类似的结果，其中 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
...

【讨论】：

【解决方案3】：

有很多方法，你检查角度版本只需 pent the comand 提示（对于 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

完全了解关于 (x.x.x) 的颠覆，请参阅角度文档 angularJS 和 angular 2+

【讨论】：

【解决方案4】：

我的 2 美分，在 Angular 9（没有检查旧版本）中，您可以在根 div 属性中找到 angular 版本，这就是我在 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);
    ....
  }
}

【讨论】：

【解决方案5】：

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

【讨论】：

【解决方案6】：

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

您还可以打开控制台并转到您使用的任何浏览器的开发人员工具上的元素选项卡。

或者

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

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

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

ng version 或 ng --version（查找图片以供参考）

ng v

ng -v

在终端中，您可以找到 angular 版本，如附图所示：

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

找到 package.json 文件，你会找到所有已安装的依赖项及其版本。

【讨论】：

【解决方案7】：

检查命令提示符

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

【讨论】：

【解决方案8】：

ng --version

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

【讨论】：

【解决方案9】：

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

【讨论】：

【解决方案10】：

ng v
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 行

【讨论】：

【解决方案11】：

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

Angular7以上，使用这两个命令可以知道Angular/Cli的版本 1. ng --version, 2.ng版本

【讨论】：

【解决方案12】：

从 Angular 7 开始，以下两个命令正在运行

ng --version 
ng version

【讨论】：

【解决方案13】：

运行 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

【讨论】：

【解决方案14】：

Angular CLI ng v 确实输出了比版本更多的东西。

如果你只想要它的版本，你可以添加管道 grep 和过滤器，如：

ng v | grep 'Angular:'

输出：

Angular: #.#.# <-- VERSION

为此，我有一个别名

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

然后只需使用 ngv

【讨论】：

【解决方案15】：

ng version

您全局安装了 Angular cli（命令中的 -g）。这意味着您可以在命令提示符中键入ng version。当您的命令提示符不是在 npm 控制的目录中（您应该在您输入的目录中输入 ng new myapp）时，这样做可能更精确。 p>

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

【讨论】：

ng 版本不会为您提供角度版本。您需要检查 package.json 以了解角度版本
@SureshKamrushi 我可以支持这个，它显示了所有除了版本
ng version 确实提供了 de Angular 版本如果您在项目文件夹中。
如果您在项目文件夹中，ng version 将提供项目正在使用的 Angular 版本以及其他信息，例如 Angular cli 版本、节点版本、TypeScript 版本、webpack 版本、rxjs 版本等。

【解决方案16】：

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

【讨论】：

【解决方案17】：

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

ng -v OR ng --version OR ng version

这会给你这样的：

 _                      _                 ____ _     ___

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

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

【讨论】：

@viki，这是 angular 5，你能告诉我我们如何识别哪个是 angular 4,3,5
@vinod。 Angular CLI：> 1.3 被认为是 Angular 5。下面是 Angular 4。
你能解释一下为什么它说Angular: .....不应该在那里显示版本吗？
2020 年了，Angular 9 来了！而且我仍然将 ... 作为我的 Angular 版本。为什么会这样显示？

【解决方案18】：

ng v

只需在终端中运行上述命令。

【讨论】：

【解决方案19】：

您应该检查项目中的 package.json 文件。在那里你会看到所有安装的包和这些包的版本。

【讨论】：