如何获得 Angular 版本？

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 以访问包含 Angular 版本的 Javascript 对象。

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

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

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

https://i.stack.imgur.com/ZOgY9.png

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

https://i.stack.imgur.com/KnyUq.png

找到 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

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

---

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

$ ng --version 

或者

$ ng v

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

如果您不在 Angular 项目文件夹中，那么将看到这样的结果，其中没有明确说明 Angular: version 行，除非引用包块中的 angular core（作为 version）： )

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

---

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

---

有很多方法，你检查角度版本只需按下命令提示符（对于 Windows）并输入

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

https://i.stack.imgur.com/4C6h0.jpg

4. You can pakage.json file

https://i.stack.imgur.com/xR13E.jpg

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

https://i.stack.imgur.com/4TIFN.jpg

完全理解关于 (xxx) 的颠覆请参阅 Angular 文档 angularJS 和 angular 2+

---

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

如果您只想要它的版本，您可以添加管道 grep 并过滤角度，例如：

ng v | grep 'Angular:'

输出：

Angular: #.#.# <-- VERSION

为此，我有一个别名是

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

然后只需使用 ngv

---

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

---

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

---

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 行

---

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

---

从角度 7 开始，以下两个命令正在工作

ng --version 
ng version

---

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

https://i.stack.imgur.com/LVw4W.png

---

检查命令提示符

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

---

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

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

示例输出：Angular CLI: 9.1.9

---

ng --version

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

---

我的 2 美分，在 Angular 9 中（没有检查旧版本），您可以在根 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);
    ....
  }
}

---