如何判断我使用的是哪个版本的 Angular?
我努力了:
angular --version
angular --v
angular -version
angular -v
但得到-bash: angular: command not found
我通过 yeoman --version
知道我正在使用 0.9.6
但是如何获得 angularjs 版本呢?
对于 Angular 1 或 2(但不适用于 Angular 4+):
您还可以在您使用的任何浏览器的开发人员工具上打开控制台,然后键入 angular.version
以访问包含 Angular 版本的 Javascript 对象。
当脚本在没有标题注释的情况下被缩小时非常有用。
编辑:写这个答案时,只有 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 2+,在任何具有开发工具 (F12) 的现代浏览器中,您都可以检查顶级应用程序标签。
https://i.stack.imgur.com/j93g1.png
适用于 Angular 2+ Chrome 浏览器
https://i.stack.imgur.com/81ah4.png
火狐萤火虫
https://i.stack.imgur.com/iZxJ6.png
1.5.7
的这个元素属性
angular.version
不在我的地方工作
如果您使用的是 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
在浏览器的开发者控制台中(按 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"}
您还可以检查您的 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,那么您可以检查使用
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"
},
有很多方法,你检查角度版本只需按下命令提示符(对于 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/core
导入 VERSION
常量,然后转储到控制台:
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
对于 Angular 4,许多选项不再有效。 2017 年 7 月更新 两个可能性:
1) 最简单的方法是打开我们项目的package.json,查看使用的版本,其中Angular 的版本。
https://i.stack.imgur.com/LXnUp.png
2) 执行 ng serve 后,我们打开我们使用的资源管理器的元素检查器,我们可以观察到版本,如下图所示。
https://i.stack.imgur.com/DFKXR.png
@angular/core
和兄弟姐妹(这里意味着这是 Angular 4,由于前面的 ^
是最新更新)
只需在命令中运行 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-cli
,只需使用命令:
ng v
对于 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 文件,您将找到所有已安装的依赖项及其版本。
注意:以下仅检查 Angular-CLI 版本!!!:
两个命令都有效:
ng -v
或者
ng v
https://i.stack.imgur.com/ohUvv.png
对于角度 4+ 使用,
版本
吴诉
请注意 ng -v 选项在 Angular 7+ 中不起作用。
对于 AngularJS - 使用 angular.version
console.log(angular.version);
有关详细信息,请参阅
AngularJS API 参考 - angular.version
如果您使用的是 VS Code 编辑器。
转到左侧的资源管理器面板 -> 找到 package.json 并打开它 -> 在依赖项下找到 @angular/core。
这是您的角度版本,因为核心是主要功能
https://i.stack.imgur.com/kpgdM.png
https://i.stack.imgur.com/S4BVz.png
有多种方式:
您可以从您的 package.json 文件中验证它您使用以下命令:
ng--版本
上面的命令将产生以下输出:
Angular CLI:7.0.3 节点:9.4.0 操作系统:darwin x64 Angular:7.0.1 ...动画、通用、编译器、编译器-cli、核心、表单... http、语言服务、平台浏览器.. . platform-browser-dynamic, router Package Version @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/update 0.10.3 rxjs 6.3 .3 打字稿 3.1.4 webpack 4.19.1
因此,可以从这里验证 Angular、Angular CLI、Node 和许多其他包的版本。
在您的项目文件夹中,打开命令终端并键入
ng -v
它会给你一个项目列表,你将能够看到角度版本。请参阅屏幕截图。
https://i.stack.imgur.com/2wKNw.png
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$
只需通过终端转到您的 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 版本。
https://i.stack.imgur.com/0iN4k.png
对于 Angular JS,您可以在 angular-animate.js 文件中找到它,如下所示:
/** * @license AngularJS v1.4.8 * (c) 2010-2015 Google, Inc. http://angularjs.org * 许可证:麻省理工学院 */
您还可以通过检查页面上的元素来检查它:
按 F12 打开浏览器的开发者工具。检查元素。展开 Body 你将看到 Angular 的版本,如下所示:
ng-版本="4.3.6"
会在这里..
../project_name/bower_components/angular/angular.js
/**
* @license AngularJS v1.0.6
* (c) 2010-2012 Google, Inc. http://angularjs.org
* License: MIT
*/
您只需输入 ng version
即可
很简单,你可以在 package.json
文件中看到
与上面的答案相同,您可以通过检查元素来检查浏览器,如果是 AngularJS,我们可以看到类似下面的内容。
ng-app 指令告诉 AngularJS 这是 AngularJS 应用程序的根元素。
所有 AngularJS 应用程序都必须有一个根元素。
对于 Angular 2+
检查元素(Ctrl + Shift + I)转到元素部分并滚动到
https://i.stack.imgur.com/ereRC.png
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)