如何检查我使用的是哪个版本的 Angular？

Posted 2023-03-13

技术标签:

【中文标题】如何检查我使用的是哪个版本的 Angular？【英文标题】：How can I check which version of Angular I'm using? 【发布时间】：2013-04-07 17:11:13 【问题描述】：

我如何知道我使用的是哪个版本的 Angular？

我试过了：

angular --version
angular --v
angular -version
angular -v

但是得到-bash: angular: command not found

我通过yeoman --version 知道我正在使用0.9.6

但是如何获取 angularjs 版本呢？

【问题讨论】：

Leo's answer (look at angular related lines in package.json) 适用于任何版本的 AngularJS (1) 或 Angular 2+。 Tony dong's answer (inspect application tag in DOM) 适用于任何版本的 Angular 2 或更高版本。 Loliski 的版本仅适用于 1 和 2，不适用于更大的版本。接受的答案 (TheHippo) 仅适用于 AngularJS (1) 将问题标记为 angular 和 angularjs 是否有意义？它们都是完全不同的库。每个问题都有一个问题会更有意义。那么在添加新标签时，接受的答案不会部分失效。 【参考方案1】：

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

您还可以在您使用的任何浏览器的开发人员工具上打开控制台，然后键入 angular.version 以访问包含 Angular 版本的 javascript 对象。

在没有标题注释的情况下缩小脚本时非常有用。

【讨论】：

angular.version.full 将完整版本（例如“1.2.16”）保存为字符串最佳答案，如果使用缩小版，接受的将是不可能的 angular.version 和 angular.version.full 在版本 4 中不起作用，但 html 'ng-version' 是可见的。 Uncaught ReferenceError: 角度未定义在 :1:1【参考方案2】：

编辑：写这个答案时，只有 AngularJS 1.x。在下面的答案中查看 Angular 版本 >= 2。

AngularJS 没有命令行工具。

您可以从 JavaScript 文件本身获取版本号。

当前angular.js的标题：

/**
 * @license AngularJS v1.0.6
 * (c) 2010-2012 Google, Inc. http://angularjs.org
 * License: MIT
 */

【讨论】：

你可以写 angular.version ，它给出了 angular 的版本。 @AfshinMoazami 没关系。它位于文件顶部的注释中。出于许可原因，您不应删除评论。首先，当它被缩小时，在一个巨大的文件中搜索许可证并不容易。其次，依赖许可证文件/注释并不是一个很好的选择，因为它可能会因更小的错误而改变。这个答案的风险是，如果有多个角度依赖项可能被引入并确定浏览器实际加载的是哪个版本。 angular.js文件在什么位置？【参考方案3】：

对于 Angular 2+，在任何具有开发工具 (F12) 的现代浏览器中，您都可以检查***应用程序标签。

对于 Internet Explorer 11 或 Edge，您可以在此处找到信息：

适用于 Angular 2+ Chrome浏览器

火狐萤火虫

【讨论】：

我没有看到角度版本的这个元素属性1.5.7 谢谢，angular.version在我的地方不工作也适用于角度 5。在任何能够显示 DOM 的浏览器中，这意味着现在所有现代桌面浏览器。【参考方案4】：

如果您使用的是angular-cli，那么您可以通过输入轻松查看

ng -v

或 ng v 在 Angular 8、终端或 Bash 中。注意：在项目目录中运行命令。

你应该得到这样的东西：

angular-cli: 1.0.0-beta.24
node: 7.4.0
os: darwin x64
@angular/common: 2.4.3
@angular/compiler: 2.4.3
@angular/core: 2.4.3
@angular/forms: 2.4.3
@angular/http: 2.4.3
@angular/platform-browser: 2.4.3
@angular/platform-browser-dynamic: 2.4.3
@angular/router: 3.4.3
@angular/compiler-cli: 2.4.3

【讨论】：

啊，我被困在这上面了。如果我在非项目文件夹中键入“ng -v”，它只会给出 AngularCLI 版本——我认为它会给出所有信息。但是从 cli 创建的项目文件夹中输入它会提供该文件夹正在使用的 Angular 版本的所有详细信息 angular --version 在 Angular 7.0.2 中。请记住，如果您使用 NVM 并且没有看到您知道已安装的软件包，您可能已将它们安装在不同版本的 Node.js 下。一种选择是从以前的版本迁移到当前版本。在github.com/creationix/… 上查看更多详细信息。 ng v in Angular 8【参考方案5】：

在浏览器的开发者控制台（按F12打开），可以输入以下内容，

angular.version.full

它将为您提供完整版本，例如（取决于您当前的版本）。 [它实际上获取了angular.version 对象的full 属性。]

"1.4.3"

所以，要查看完整的对象，如果您键入

angular.version

它将为您提供完整版本对象，其中包含完整、主要、次要等版本信息以及代码名称，例如

Object full: "1.4.3", major: 1, minor: 4, dot: 3, codeName: "foam-acceleration"

【讨论】：

使用此命令，您可以找到您正在访问的任何网站的 Angular 版本，只要它使用框架。【参考方案6】：

你也可以检查你的 package.json:

"dependencies": 
    "@angular/common": "^5.0.0",
    "@angular/compiler": "^5.0.0",
    "@angular/core": "^5.0.0",
    "@angular/forms": "^5.0.0",
    "@angular/http": "^5.0.0",
    "@angular/platform-browser": "^5.0.0",
    "@angular/platform-browser-dynamic": "^5.0.0",
    "@angular/router": "^5.0.0",

（插入符号^ 会将您更新到最新的主要版本（第一个数字）。 ^4.3.0 将匹配任何 4.x.x 版本，包括 4.4.0，但将推迟 5.0.0。波浪号 ~ 匹配最新的次要版本（中间数字）。 ~4.3.0 将匹配所有 4.3.x 版本，但会错过 4.4.0。）

【讨论】：

如果您的 Angular 应用程序尚未启动，这将非常方便！但当然，只有在你有源代码的情况下才有效。对于在线远程应用程序，请参阅Tony Dong's answer，检查 DOM 中的主要角度标签似乎适用于任何 Angular2+ 版本。【参考方案7】：

现在是 ng -v

如果您使用的是 angular cli，那么您可以检查使用情况

ng --version

现在是 ng -v

或者你也可以签到

pakage.json 文件

 "dependencies": 
    "@angular/animations": "^4.0.0",
    "@angular/common": "^4.0.0",
    "@angular/compiler": "^4.0.0",
    "@angular/core": "^4.0.0",
    "@angular/forms": "^4.0.0",
    "@angular/http": "^4.0.0",
    "@angular/platform-browser": "^4.0.0",
    "@angular/platform-browser-dynamic": "^4.0.0",
    "@angular/router": "^4.0.0",
    "angular-in-memory-web-api": "^0.3.2",
    "core-js": "^2.4.1",
    "rxjs": "^5.1.0",
    "zone.js": "^0.8.4"
  ,

【讨论】：

【参考方案8】：

有很多方法，你检查角度版本只需 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+

【讨论】：

ng -v 在最新的 Angular 版本中不起作用（我检查了 Angular 8）【参考方案9】：

对于 Angular 4，许多选项不再有效。 2017 年 7 月更新两种可能性：

1) 最简单的就是打开我们项目的package.json 并检查使用的版本，其中之一是 Angular。

2) 执行 ng serve 后，我们打开元素的检查器我们使用的资源管理器，我们可以像在下图。

【讨论】：

那么从哪几行中可以看出它是哪个版本的 Angular？ @powder366 @angular/core 和兄弟姐妹（这里表示这是 Angular 4，由于前面的 ^ 是最新更新）【参考方案10】：

另一种方法是从@angular/core 导入VERSION 常量，然后转储到控制台：

console.log(VERSION.full); //5.2.11

工作于：

角 8 See docs 角 7 See docs Angular 6 See docs. 角 5 See docs 角 4 See docs

不确定 Angular 2 和 3。（如果有人可以测试；页面不可用）

对于 AngularJS 1.x 使用 angular.version:

console.log(angular.version); //1.7.4

【讨论】：

【参考方案11】：

只需在命令中运行ng v

你会得到类似的结果

Angular CLI: 7.3.9
Node: 12.11.0
OS: win32 x64
Angular: 7.2.15
... common, compiler, compiler-cli, core, f
... language-service, platform-browser, pla
... router

Package                           Version
-------------------------------------------
@angular-devkit/architect         0.13.9
@angular-devkit/build-angular     0.13.9
@angular-devkit/build-optimizer   0.13.9
@angular-devkit/build-webpack     0.13.9
@angular-devkit/core              7.3.9
@angular-devkit/schematics        7.3.9
@angular/cli                      7.3.9
@ngtools/webpack                  7.3.9
@schematics/angular               8.0.0
@schematics/update                0.13.9
rxjs                              6.5.3
typescript                        3.1.6
webpack                           4.29.0

【讨论】：

【参考方案12】：

如果您使用angular-cli，只需使用命令：

ng v

【讨论】：

【参考方案13】：

对于 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 文件，你会找到所有已安装的依赖项及其版本。

【讨论】：

【参考方案14】：

注意：以下仅检查Angular-CLI版本！！！：

两个命令都有效：

ng -v

或

ng v

【讨论】：

那是“Angular CLI”的版本，而不是“Angular”的版本。 angular cli 7 有命令“ng version”，其中包括 angular 版本【参考方案15】：

对于 Angular 4+ 使用，

ng 版本 ng v

请注意 ng -v 选项在 Angular 7+ 中不起作用。

【讨论】：

【参考方案16】：

对于 AngularJS - 使用 `angular.version`

console.log(angular.version);

&lt;script src="//unpkg.com/angular/angular.js"&gt;&lt;/script&gt;

有关详细信息，请参阅

AngularJS API Reference - angular.version

【讨论】：

【参考方案17】：

如果你使用的是 VS Code 编辑器。

转到左侧的资源管理器面板 -> 找到 package.json 并打开它 -> 在依赖项下找到 @angular/core。

这是您的角度版本，因为核心是主要功能

【讨论】：

【参考方案18】：

有多种方式：

package.json

ng--版本

上面的命令会产生如下输出：

Angular CLI：7.0.3

节点：9.4.0

操作系统：darwin x64

角度：7.0.1

...动画、通用、编译器、编译器-cli、核心、表单

... http、语言服务、平台浏览器

...平台-浏览器-动态，路由器

包版本

@angular-devkit/architect 0.10.3

@angular-devkit/build-angular 0.10.3

@angular-devkit/build-optimizer 0.10.3

@angular-devkit/build-webpack 0.10.3

@angular-devkit/core 7.0.3

@angular-devkit/schematics 7.0.3

@angular/cli 7.0.3

@ngtools/webpack 7.0.3

@schematics/angular 7.0.3

@schematics/更新 0.10.3

rxjs 6.3.3

打字稿 3.1.4

webpack 4.19.1

所以，Angular、Angular CLI、Node 和许多其他包的版本都可以从这里验证。

【讨论】：

【参考方案19】：

在您的项目文件夹中，打开命令终端并输入

ng -v

它会给你一个项目列表，你将能够看到角度版本。看截图。

【讨论】：

Angular CLI：1.7.3 节点：8.9.0 操作系统：win32 x64 Angular：...未按屏幕截图显示【参考方案20】：

angular 2 之后的版本，您可以从终端使用，

ng -v



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

Angular CLI: 1.7.3
Node: 9.3.0
OS: linux x64
Angular: 5.2.9
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cli: 1.7.3
@angular-devkit/build-optimizer: 0.3.2
@angular-devkit/core: 0.3.2
@angular-devkit/schematics: 0.3.2
@ngtools/json-schema: 1.2.0
@ngtools/webpack: 1.10.2
@schematics/angular: 0.3.2
@schematics/package-update: 0.3.2
typescript: 2.5.3
webpack: 3.11.0
mohideen@root:~/apps/UI$

【讨论】：

【参考方案21】：

只需通过终端转到您的 Angular 项目目录，ng -v 提供所有这样的信息

Angular CLI: 1.7.4
Node: 8.11.1
OS: linux x64
Angular: 5.2.11
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cli: 1.7.4
@angular-devkit/build-optimizer: 0.3.2
@angular-devkit/core: 0.3.2
@angular-devkit/schematics: 0.3.2
@ngtools/json-schema: 1.2.0
@ngtools/webpack: 1.10.2
@schematics/angular: 0.3.2
@schematics/package-update: 0.3.2
typescript: 2.5.3
webpack: 3.11.0

如果您在 Angular 项目目录之外检查 ng-v，那么它将仅显示 angular-cli 版本。

【讨论】：

是的，如果您想查看 Angular 版本，您必须进入项目文件夹。【参考方案22】：

在新版本的 Angular cli 中 [ng -v] 将不起作用。你必须输入 [ng version]。

【讨论】：

【参考方案23】：

对于 Angular JS，您可以在 angular-animate.js 文件中找到它，如下所示：

【讨论】：

【参考方案24】：

您也可以通过检查页面上的元素来检查它：

按 F12 打开浏览器的开发者工具。

检查元素。

展开正文

您将看到 Angular 的版本，如下所示：

ng-version="4.3.6"

【讨论】：

【参考方案25】：

它会在这里..

../project_name/bower_components/angular/angular.js

/**
 * @license AngularJS v1.0.6
 * (c) 2010-2012 Google, Inc. http://angularjs.org
 * License: MIT
 */

【讨论】：

【参考方案26】：

你可以输入ng version 就是这样

【讨论】：

【参考方案27】：

很简单，你可以在package.json文件中看到

【讨论】：

【参考方案28】：

与上面的答案相同，您可以通过检查元素来检查浏览器，如果是 AngularJS 我们可以看到如下所示。

ng-app 指令告诉 AngularJS 这是 AngularJS 应用程序的根元素。

所有 AngularJS 应用程序都必须有一个根元素。

【讨论】：

【参考方案29】：

对于 Angular 2+

检查元素（Ctrl + Shift + I）

转到元素部分并滚动到<app-root>标签（参考下图）

【讨论】：

【参考方案30】：

1. ng --version (For checking Installed Angular Version in system)

2. npm --version (For checking Installed NPM Version in system) 

3. node --version (For checking Installed Node Version in system)

【讨论】：

以上是关于如何检查我使用的是哪个版本的 Angular？的主要内容，如果未能解决你的问题，请参考以下文章

如何找出 nodejs 版本支持哪个版本的 angular-cli？

如何检查 Solr 中使用了哪个 XSLT 处理器？

FullCalendar 资源点击 (Angular)

grafana基于angular哪个版本开发的？

如何知道我使用的是哪个版本的 C 语言？

如何检查安装了哪个版本的 Keras？

如何检查我使用的是哪个版本的 Angular？

对于 AngularJS - 使用 angular.version

对于 AngularJS - 使用 `angular.version`