问题
I installed @angular/cli package via npm, using this command:
npm install -g @angular/cli
The version 1.4.2 of @angular/cli has been successfully installed. But that is not the Angular version, but the CLI version.
After running ng new myapp how can I check which Angular version the created app is? 2.x, 4.x?
回答1:
ng version
You installed angular cli globally (-g in the command). This means that you can type ng version into your command prompt. It may be more precise to do this when your command prompt is not within a npm controlled directory (you should type this in within directory you typed ng new myapp).
A note to those who got here from Google: ng version will let you know which (coarse) version of Angular is referenced by the current directory.
e.g. This directory appears to have angular 4.x (~4.3.0) installed.
@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
If you are not within a directory which has a packages.config, then you will get Angular: ....
回答2:
For Angular 1 or 2 (but not for Angular 4+):
You can also open the console and go to the element tab on the developer tools of whatever browser you use.
Or
Type angular.version to access the Javascript object that holds angular version.
For Angular 4+ There is are the number of ways as listed below :
Write below code in the command prompt/or in the terminal in the VS Code. (up to 3)
- ng version or ng --version (Find the image for the reference)
- ng v
- ng -v
In the terminal you can find the angular version as shown in the attached image :
- You can also open the console and go to the element tab on the developer tools of whatever browser you use. As displayed in the below image :
- Find the package.json file, You will find all the installed dependencies and their version.
回答3:
You should check package.json file in the project. There you will see all packages installed and versions of those packages.
回答4:
In Command line we can check our installed ng version.
ng -v OR ng --version OR ng version
This will give you like this :
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
Angular CLI: 1.6.5
Node: 8.0.0
OS: linux x64
Angular:
...
回答5:
ng v
Simply run the command above in terminal.
回答6:
I think the answer given by D. Squire was accurate, but possibly only a tad vague. If you change directories to a project and then type ng --version, it will display the angular version in the project. If done from a default directory (not within a project), you will only get the Angular CLI version, which is probably not what you are looking for and will give the output shown by 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
回答7:
Angular CLI ng v does output few more thing than just the version.
If you only want the version from it the you can add pipe grep and filter for angular like:
ng v | grep 'Angular:'
OUTPUT:
Angular: #.#.# <-- VERSION
For this, I have an alias which is
alias ngv='ng v | grep 'Angular:''
Then just use ngv
回答8:
run ng version
then simply check the version of angular core package.
@angular/cli: 1.2.6
node: 8.11.1
os: win32 x64
@angular/animations: 4.3.2
@angular/common: 4.3.2
@angular/compiler: 4.3.2
**@angular/core: 4.3.2**
@angular/forms: 4.3.2
回答9:
In the terminal type in either ng -v or ng --version.
回答10:
- ng v
- ng --v
you shall see something like the following:
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 version is in line 4 above
回答11:
There are many way, you check angular version Just pent the comand prompt(for windows) and type
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
Full understanding of subversion about(x.x.x) please see angular documentation angularJS and angular 2+
回答12:
From angular 7 on-wards the following two commands are working
ng --version
ng version
回答13:
First install the Angular/cli globally in machine. to install the angular/cli run the command npm install -g @angular/cli
Above Angular7 , use these two commands to know the version of Angular/Cli 1. ng --version, 2.ng version
回答14:
check the Command Prompt
ng --version OR ng version OR ng -v
回答15:
ng --version command returns the details of the version of Angular CLI installed
回答16:
ng --version
you can watch this vidio to install the latest angular version. https://youtu.be/zqHqMAWqpD8
回答17:
my 2 cents, in Angular 9 (didn't check older versions) you can find angular version in root div attributes and this is how I show current version in app-root component (extract and save it in my Global's for use in other components:
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);
....
}
}
来源：https://stackoverflow.com/questions/46332383/how-to-check-the-angular-version