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

Question

如何判断我使用的是哪个版本的 Angular？

我试过了：

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

但得到-bash: angular: command not found

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

但是如何获得 angularjs 版本呢？

score 309 · Accepted Answer

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

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

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

score 222 · Accepted Answer

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

AngularJS 没有命令行工具。

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

当前的标题angular.js：

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

score 188 · Accepted Answer

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

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

适用于 Angular 2+ Chrome 浏览器

火狐萤火虫

score 115 · Accepted Answer

如果您正在使用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

score 78 · Accepted Answer

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

angular.version.full

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

"1.4.3"

所以，要查看完整的对象，如果你输入

angular.version

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

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

score 41 · Accepted Answer

您还可以检查您的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的。）

score 25 · Accepted Answer

现在是 ng -v

如果您使用的是 Angular cli，那么您可以检查使用

ng --version

现在是 ng -v

或者您也可以签到

包.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"
  },

score 24 · Accepted Answer

有很多方法，你检查角度版本只需按下命令提示符（对于 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

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

score 14 · Accepted Answer

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

1) 最简单的方法是打开我们项目的package.json，查看使用的版本，其中Angular 的版本。

2) 执行 ng serve 后，我们打开我们使用的资源管理器的元素检查器，我们可以观察到版本，如下图所示。

score 12 · Accepted Answer

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

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

工作于：

Angular 8查看文档
Angular 7查看文档
Angular 6请参阅文档。
Angular 5查看文档
Angular 4查看文档

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

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

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

score 10 · Accepted Answer

只需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

score 8 · Accepted Answer

8

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

ng v

于 2018-01-09T12:09:16.073 回答

score 7 · Accepted Answer

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

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

或者

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

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

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

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

吴诉

ng -v

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

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

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

score 6 · Accepted Answer

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

两个命令都有效：

ng -v

或者

ng v

score 6 · Accepted Answer

6

对于角度 4+ 使用，

版本
吴诉

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

于 2018-12-30T18:41:27.623 回答

score 5 · Accepted Answer

对于 AngularJS - 使用`angular.version`

console.log(angular.version);

<script src="//unpkg.com/angular/angular.js"></script>

有关详细信息，请参阅

AngularJS API 参考 -angular.version

score 4 · Accepted Answer

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

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

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

score 3 · Accepted Answer

有多种方式：

您可以从您的package.json文件中验证它
您使用以下命令：

ng--版本

上面的命令将产生以下输出：

角 CLI：7.0.3

节点：9.4.0

操作系统：达尔文 x64

角度：7.0.1

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

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

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

包版本

@angular-devkit/架构师 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/核心 7.0.3

@angular-devkit/原理图 7.0.3

@角/cli 7.0.3

@ngtools/webpack 7.0.3

@原理图/角度 7.0.3

@原理图/更新 0.10.3

rxjs 6.3.3

打字稿 3.1.4

网络包 4.19.1

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

score 2 · Accepted Answer

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

ng -v

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

score 2 · Accepted Answer

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$

score 1 · Accepted Answer

只需通过终端转到您的 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

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

score 1 · Accepted Answer

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

按 F12 打开浏览器的开发者工具。
检查元素。
展开身体
您将看到 Angular 的版本，如下所示：

ng-版本="4.3.6"

score 1 · Accepted Answer

1

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

于 2018-12-05T05:34:58.373 回答

score 1 · Accepted Answer

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

score 0 · Accepted Answer

会在这里..

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

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

score 0 · Accepted Answer

0

你可以输入ng version 就是这样

于 2018-06-29T01:26:06.700 回答

score 0 · Accepted Answer

0

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

于 2018-12-05T06:42:10.530 回答

score 0 · Accepted Answer

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

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

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

score 0 · Accepted Answer

对于 Angular 2+

检查元素（Ctrl + Shift + I）

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

score 0 · Accepted Answer

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)

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

30 回答 30

对于 AngularJS - 使用angular.version

Related

Reference

对于 AngularJS - 使用`angular.version`