如何查看我使用的是哪个版本的Angular I ?

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

我试过:

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

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

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

但是如何获得angularjs版本呢?

523906 次浏览

当这个答案被写出来的时候,只有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 1或2(但不适用于Angular 4+):

你也可以在你使用的任何浏览器的开发工具上打开控制台,输入angular.version来访问持有angular版本的Javascript对象。

当脚本没有头注释时非常有用。

在浏览器的开发人员控制台中(按F12打开),您可以输入以下内容,

angular.version.full

它会给你完整的版本,例如(取决于你当前的版本)。[它实际上获得了angular.version对象的full属性。]

"1.4.3"

要查看完整的对象,如果你输入

angular.version

它会给你一个完整的版本对象,包含版本信息,如full, major, minor,以及codeName。

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

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

对于ie11或Edge,你可以在这里找到信息:Angular version Number .

适用于Angular 2+ Chrome浏览器< / p >

enter image description here

Firefox的firebug

enter image description here

如果你正在使用angular-cli,那么你可以通过输入很容易地检查它

ng -v

或Angular 8、Terminal或Bash中的ng v。注意:在工程项目目录下运行该命令。

你应该得到这样的东西:

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

你也可以检查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

现在是ng -v

如果你正在使用angular cli,那么你可以检查using

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

到了Angular 4,许多选项不再工作。2017年7月更新两种可能性:

1)最简单的方法是打开包裹。我们项目的Json 并检查所使用的版本,其中包括Angular的版本

enter image description here

在执行ng serve后,我们打开元素的检查器 我们使用的资源管理器,我们可以观察版本 以下图片。< / p >

enter image description here

如果你正在使用angular-cli,只需使用命令:

ng v

注意:下面的只< em > < / em >检查Angular-CLI版本! !: . 0

这两个命令都有效:

ng -v

ng v

enter image description here

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

ng -v

它会给你一个项目列表,在那里你可以看到角的版本。请看截图。

version details

你可以从终端使用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$

它就在这里。

. . / project_name bower_components /角度/ angular.js

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

只要通过终端进入你的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版本。

你可以直接输入ng version 这是它< / p >

有很多方法,你检查角版本只是压抑的命令 提示符(用于windows)并键入

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

check the angular version using command line .

4. You can pakage.json file

查看包上的angular版本。json文件 < / >

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

check the angular version on your browser

关于subversion (x.x.x)的完整理解,请参见angular文档angularJS角2 +

你也可以通过检查页面上的元素来检查它:

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

  2. 检查一个元素。

  3. 扩大身体

  4. 你会看到Angular的版本,如下所示:

ng-version = " 4.3.6 "

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

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

适用于:

Angular 2和3不太确定。(如果有人能测试一下;网页不可用)


对于AngularJS 1。使用angular.version:

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

有多种方法:

  1. 你可以从你的package.json文件验证它
  2. 使用如下命令:

ng——版本

上面的命令将导致以下输出:

Angular CLI: 7.0.3

节点:9.4.0

操作系统:darwin x64

角:7.0.1

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

…Http,语言服务,平台浏览器

... platform-browser-dynamic,路由器

包 版本


@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

@angular / cli 7.0.3

@ngtools / webpack 7.0.3

@schematics /角 7.0.3

@schematics /更新 0.10.3

rxjs 6.3.3

打印稿 3.1.4

webpack 4.19.1

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

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

转到资源管理器面板左侧->找到包。json,打开它->在dependencies下找到@angular/core。

这是你的角版本作为核心是主要的特点

enter image description here

enter image description here

__abc0在angular cli的新版本中,[ng -v]将无法工作。你必须输入[ng version]。

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

为了使用angular 4+,

  • ng版本
  • ng v

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

对于Angular 1或2(但不适用于Angular 4+):

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

< em >或< / em >

类型角。来访问持有angular version的Javascript对象。

对于Angular 4+,有以下几种方法:

在命令提示符中或在VS code的终端中写下下面的代码。(最多3人)

  1. ng version或ng——version(找到图片作为参考)
  2. ng v
  3. ng - v
在终端中,您可以找到如所附图像所示的角度版本: enter image description here < / p >
  1. 你也可以打开控制台并转到你所使用的任何浏览器的开发人员工具的元素选项卡。如下图所示:

enter image description here

  1. 找到包裹。你会发现所有已安装的依赖项及其版本。

和上面的答案一样,你可以在浏览器中通过检查元素来检查,如果它是AngularJS,我们可以看到如下所示。

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

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

对于angular JS,你可以在angular- animation . JS文件中找到它,如下所示:

< p > / * * * AngularJS v1.4.8 * (c) 2010-2015谷歌,Inc. http://angularjs.org *授权:MIT * / < / p >

对于AngularJS -使用angular.version

console.log(angular.version);
<script src="//unpkg.com/angular/angular.js"></script>

有关更多信息,请参见

只需在命令中运行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

对于Angular 2+

检查元素(Ctrl + Shift + I)

goTo元素部分,滚动到<app-root>标签(参考下图)

inspectElement

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)