如何获得 Angular 版本?

Posted

技术标签:

【中文标题】如何获得 Angular 版本?【英文标题】:How to get the Angular version? 【发布时间】: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?

【问题讨论】:

【参考方案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 -vng --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 文件。在那里你会看到所有安装的包和这些包的版本。

【讨论】:

以上是关于如何获得 Angular 版本?的主要内容,如果未能解决你的问题,请参考以下文章

无法获得 Angular CLI 版本,尽管所有要求都已安装?

如何在 Angular 6 中上传之前验证文件

如何在此文件夹中创建一个全新的 Angular 组件?为啥我使用 Angular CLI 获得此错误消息?

如何获得 Angular 5 组件元素的位置?

angular-cli 如何添加 sass 和/或引导程序?

Angular 2:从订阅 http.post 获得响应后如何调用函数