How To Check Angular Version - TekTutorialsHub

Angular TutorialAngular Tutorial

There are three ways in which you can check Angular Version (or Angular CLI Version)

1. Use the command ng version (or ng v) to find the version of Angular CLI in the current folder. Run it outside of the Angular project, to find out the globally installed version of Angular.
2. Use the npm list --depth 0 to find out the list of packages installed in the current folder. Add the -g (global) flag (npm list -g --depth 0), to find the global version.
3. You can also open the package.json and look for the version of @angular/cli package

Table of Contents

• Using ng version
• Using npm list
• Using package.json
• References

Using ng version

Where you run ng version (or ng v ) is important.

If you run it inside an Angular project folder, then it will list the locally installed Angular CLI Version

Run it outside the Angular folder to find out the globally installed Angular Version.

ng version or ng v

Output

Angular CLI: 11.1.1 Node: 12.18.3 OS: win32 x64 Angular: ... Ivy Workspace: Package Version ------------------------------------------------------ @angular-devkit/architect 0.1101.1 (cli-only) @angular-devkit/core 11.1.1 (cli-only) @angular-devkit/schematics 11.1.1 (cli-only) @schematics/angular 11.1.1 (cli-only) @schematics/update 0.1101.1 (cli-only)

Local Version

Here we run the ng v in an Angular 8 project folder

ng v

Output

Your global Angular CLI version (11.1.1) is greater than your local version (8.0.6). The local Angular CLI version is used. To disable this warning use "ng config -g cli.warnings.versionMismatch false". Angular CLI: 8.0.6 Node: 12.18.3 OS: win32 x64 Angular: 8.0.3 ... animations, common, compiler, compiler-cli, core, forms ... language-service, platform-browser, platform-browser-dynamic ... router Package Version ----------------------------------------------------------- @angular-devkit/architect 0.800.6 @angular-devkit/build-angular 0.800.6 @angular-devkit/build-optimizer 0.800.6 @angular-devkit/build-webpack 0.800.6 @angular-devkit/core 8.0.6 @angular-devkit/schematics 8.0.6 @angular/cli 8.0.6 @ngtools/webpack 8.0.6 @schematics/angular 8.0.6 @schematics/update 0.800.6 rxjs 6.4.0 typescript 3.4.5 webpack 4.30.0

Using npm list

npm command npm list gives the packages installed in the current folder.

The global flag -g (or --global) lists all packages installed globally.

We must also include the flag --depth 0, which lists only the top-level packages. Use --depth 1, --depth 2, etc., to discover the version of dependencies.

npm list -g --depth 0+-- @angular/[email protected] +-- [email protected] +-- [email protected] +-- [email protected] +-- [email protected] +-- [email protected] +-- [email protected] +-- [email protected] +-- [email protected] +-- [email protected] +-- [email protected] +-- [email protected] +-- [email protected] +-- [email protected] +-- [email protected] +-- [email protected] -- [email protected]

Local version

This will give you packages installed in the current folder. We run it on an Angular 8 project folder.

npm list --depth 0

output

[email protected] D:\TekTutorialsHub\Angular\Test\Environment +-- @angular-devkit/[email protected] +-- @angular/[email protected] +-- @angular/[email protected] +-- @angular/[email protected] +-- @angular/[email protected] +-- @angular/[email protected] +-- @angular/[email protected] +-- @angular/[email protected] +-- @angular/[email protected] +-- @angular/[email protected] +-- @angular/[email protected] +-- @angular/[email protected] +-- @types/[email protected] +-- @types/[email protected] +-- @types/[email protected] +-- [email protected] +-- [email protected] +-- [email protected] +-- [email protected] +-- [email protected] +-- [email protected] +-- [email protected] +-- [email protected] +-- [email protected] +-- [email protected] +-- [email protected] +-- [email protected] +-- [email protected] +-- [email protected] -- [email protected]

Using package.json

Open the package.json file and look for the @angular/cli under the devDependencies node.

Here is a typical package.json file

{ "name": "testAngular", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "dependencies": { "@angular/animations": "~8.0.0", "@angular/common": "~8.0.0", "@angular/compiler": "~8.0.0", "@angular/core": "~8.0.0", "@angular/forms": "~8.0.0", "@angular/platform-browser": "~8.0.0", "@angular/platform-browser-dynamic": "~8.0.0", "@angular/router": "~8.0.0", "rxjs": "~6.4.0", "tslib": "^1.9.0", "zone.js": "~0.9.1" }, "devDependencies": { "@angular-devkit/build-angular": "~0.800.0", "@angular/cli": "~8.0.2", ==> Angular Version "@angular/compiler-cli": "~8.0.0", "@angular/language-service": "~8.0.0", "@types/node": "~8.9.4", "@types/jasmine": "~3.3.8", "@types/jasminewd2": "~2.0.3", "codelyzer": "^5.0.0", "jasmine-core": "~3.4.0", "jasmine-spec-reporter": "~4.2.1", "karma": "~4.1.0", "karma-chrome-launcher": "~2.2.0", "karma-coverage-istanbul-reporter": "~2.0.1", "karma-jasmine": "~2.0.1", "karma-jasmine-html-reporter": "^1.4.0", "protractor": "~5.4.0", "ts-node": "~7.0.0", "tslint": "~5.15.0", "typescript": "~3.4.3" } }

References

ng-version

Read More

• Angular Tutorial
• Introduction to Angular
• How to Install Angular
• How to Create a new project in Angular
• Bootstrapping in Angular

Angular TutorialAngular Tutorial