我@angular/cli
使用以下命令通过npm 安装了软件包:
npm install -g @angular/cli
@ angular / cli版本1.4.2已成功安装。但这不是Angular版本,而是CLI版本。
运行后,ng new myapp
如何检查创建的应用程序是哪个Angular版本?2.x,4.x?
我@angular/cli
使用以下命令通过npm 安装了软件包:
npm install -g @angular/cli
@ angular / cli版本1.4.2已成功安装。但这不是Angular版本,而是CLI版本。
运行后,ng new myapp
如何检查创建的应用程序是哪个Angular版本?2.x,4.x?
Answers:
ng version
您已全局安装了角度cli(在命令中为-g)。这意味着您可以ng version
在命令提示符下键入。当命令提示符不在 npm控制的目录内时,执行此操作可能更为精确(您应在键入的目录中键入此命令ng new myapp
)。
给那些从Google到这里的人的注释: ng version
将让您知道当前目录引用了哪个(粗略)版本的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 version
如果您在项目文件夹中,则提供de Angular版本。
您也可以打开控制台,然后转到使用任何浏览器的开发人员工具上的element选项卡。
要么
键入angular.version以访问保存有角度版本的Javascript对象。
在命令提示符下或在VS Code的终端中编写以下代码。(最多3个)
- ng版本或ng --version(查找图像以供参考)
- ng v
- ng -v
- 您也可以打开控制台,然后转到使用任何浏览器的开发人员工具上的element选项卡。如下图所示:
- 找到package.json文件,您将找到所有已安装的依赖项及其版本。
在命令行中,我们可以检查已安装的ng版本。
ng -v OR ng --version OR ng version
这会给你这样的:
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
Angular CLI: 1.6.5
Node: 8.0.0
OS: linux x64
Angular:
...
Angular:
.....它不应该在那里显示版本吗?
我认为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
您将看到以下内容:
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行中
有很多方法,您可以检查角度版本只需输入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
全面了解Subversion关于(xxx)的信息,请参阅angular文档angularJS和angular 2+
检查命令提示符
ng --version或ng版本或ng -v
ng --version
您可以观看此视频,以安装最新的角度版本。 https://youtu.be/zqHqMAWqpD8
我的2美分,在Angular 9中(不检查旧版本),您可以在root div属性中找到有角度的版本,这就是我在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);
....
}
}