How to install a specific version of Angular with Angular CLI?

Question

I searched through google and angular cli doc but couldn't find any way to install a specific version of Angular using Angular CLI. is it even possible?

There is no direct way, but you can create a new project then just change the versions in the `package.json` to whatever you want. — Dinistro, Apr 11 '17 at 11:36
You can check this answer https://stackoverflow.com/a/52067532/2275011 it worked for me — Ferie, Dec 17 '18 at 19:08

avi.elkharrat · Answer 1 · 2018-06-14T13:41:16.583

To answer your question, let's assume that you are interested in a specific angular version and NOT in a specific angular-cli version (angular-cli is just a tool after all).

A reasonnable move is to keep your angular-cli version alligned with your angular version, otherwise you risk to stumble into incompatibilities issues. So getting the correct angular-cli version will lead you to getting the desired angular version.

From that assumption, your question is not about angular-cli, but about npm.

Here is the way to go:

[STEP 0 - OPTIONAL] If you're not sure of the angular-cli version installed in your environment, uninstall it.

npm uninstall -g @angular/cli

Then, run (--force flag might be required)

npm cache clean

or, if you're using npm > 5.

npm cache verify

[STEP 1] Install an angular-cli specific version

npm install -g @angular/cli@wished.version.here

[STEP 2] Create a project

ng new you-app-name

The resulting white app will be created in the desired angular version.

NOTE: I have not found any page displaying the compatibility matrix of angular and angular-cli. So I guess the only way to know what angular-cli version should be installed is to try various versions, create a new project and checkout the package.json to see which angular version is used.

angular versions changelog Here is the changelog from github reposition, where you can check available versions and the differences.

Hope it helps

While following your steps, during npm install -g @angular-cli@1.7.4 getting error like this npm ERR! Invalid package name "@angular-cli": name can only contain URL-friendly characters — MPPNBD, May 10 '18 at 21:06
@avi.elkharrat , Oh sorry for that,i missed that. npm install -g @angular/cli@1.7.4 worked for me. Thanks a lot avi.elkharrat — MPPNBD, May 11 '18 at 15:21
npm uninstall -g @angular/cli -> after I run this cmd, I found that angular is still there. — ankit singh, Jun 25 '21 at 08:57

score 55 · Accepted Answer · edited Jun 25 '21 at 04:40

55

You can just have package.json with specific version and do npm install and it will install that version.

Also you don't need to depend on angular-cli to develop your project.

edited Jun 25 '21 at 04:40

Dale K

21,987
13
41
69

answered Apr 11 '17 at 12:07

Mario Petrovic

5,868
12
32
54

18

But you should be depending on the CLI IMO. BTW no longer angular-cli but `angular/cli` now. Also, it's `npm install @angular/{common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router,animations}@latest` – Ben Racicot Jun 17 '17 at 15:13
As you said edit package.json file, But where is located this package.json file? – Yagnesh bhalala Jul 10 '18 at 06:54
You add package.json automatically by doing npm init or manually creating it in your root folder of the project – Mario Petrovic Jul 10 '18 at 08:25
After changing version in `package.json`, make sure to perform `npm install`. – Shayma Pathan Mar 05 '21 at 19:03

score 31 · Answer 3 · edited Jan 03 '19 at 06:58

31

Edit #2 ( 7/2/2017)

If you install the angular cli right now, you'd probably have the new name of angular cli which is @angular/cli, so you need to uninstall it using

npm uninstall -g @angular/cli

and follow the code above. I'm still getting upvotes for this so I updated my answer for those who want to use the older version for some reasons.

Edit #1

If you really want to create a new project with previous version of Angular using the cli, try to downgrade the angular-cli before the final release. Something like:

npm uninstall -g angular-cli
npm cache clean
npm install -g angular-cli@1.0.0-beta.32

Initial

You can change the version of the angular in the package.json . I'm guessing you want to use older version of angular but I suggest you use the latest version. Using:

ng new app-name

will always use the latest version of angular.

edited Jan 03 '19 at 06:58

Abhay

2,835
18
27

answered Apr 11 '17 at 12:31

brijmcq

3,161
2
15
34

1

I'm using a BaaS provider which still does not support ng4. – Sajad Apr 11 '17 at 14:06
1

@sajad that's unfortunate. I think you can create a previous version of angular from cli. I'll edit my answer – brijmcq Apr 11 '17 at 14:18
@brijmq I have personally never seen angular-cli "always use the latest version of angular". For example, right now if you update the cli (1.1.3) globally and create a new project with it, you will get angular 4.0.0 even though the latest is 4.2.4. So what I've been trying to figure out for ages is does the version get updated periodically with new cli releases? – Jason Simpson Jun 22 '17 at 05:51
@epiphanatic my bad and sorry for the confusion.the cli will use the latest version of angular at that time when the cli update was made. You will need to manually update it on your package.json on your app if you want to update it. The release of updates in angular is much faster than angular-cli. Take a look at this link to know more http://angularjs.blogspot.com/2016/10/versioning-and-releasing-angular.html . Hope it clears your confusion – brijmcq Jun 22 '17 at 06:24
Just to add that `npm cache clean` did not work for me and I had to use `npm cache clean --force` – Kaloyan Stamatov May 23 '18 at 08:29
@brijmcq The install is also new, it needs to be in the format like `npm install -g @angular/cli@6.0.7` also noted by [the answer by](https://stackoverflow.com/a/48282236/1558269) avi.elkharrat. – JabberwockyDecompiler Jul 05 '18 at 22:03
I suppose `npm cache clean` is not required because it gives you `npm ERR! As of npm@5, the npm cache self-heals from corruption issues and data extracted from the cache is guaranteed to be valid. If you want to make sure everything is consistent, use 'npm cache verify' instead. On the other hand, if you're debugging an issue with the installer, you can use npm install --cache /tmp/empty-cache to use a temporary cache instead of nuking the actual one.` – Paramvir Singh Karwal Apr 18 '19 at 13:27
The package `angular-cli` has been renamed `@angular/cli` so you need to do something like `npm install -g @angular/cli@v8.3.27` – slucas Jun 29 '20 at 16:38

Robert Brisita · Answer 4 · 2021-04-19T17:34:35.043

26

The angular/cli versions and their installed angular/compiler versions:

1.0 - 1.4.x = ^4.0.0
1.5.x = ^5.0.0
1.6.x - 1.7.x = ^5.2.0
6.x = ^6.0.0
7.x = ^7.0.0

Can be confirmed by reviewing the angular/cli's package.json file in the ~~repository newer repository~~ master repository. One would have to install the specific cli version to get the specific angular version:

npm -g install @angular/cli@1.5.* # For ^5.0.0

edited Apr 19 '21 at 17:34

answered Apr 16 '19 at 21:20

Robert Brisita

4,684
2
33
33

I have Angular 11 installed globally on my computer, but I needed to create a new project in 6. Based on above info, I did this in three steps: 1) created a new dir 2) npm install @angular/cli@6.* 3) ng new [angular-six-project-name] – Andrew Koper Mar 13 '21 at 04:58
Thanks for the detailed clarification. – ni8mr Mar 15 '21 at 08:52

score 15 · Answer 5 · answered Feb 07 '20 at 01:42

Yes, it's possible to install a specific version of Angular using npm:

npm install -g @angular/cli@8.3.19

Next, you need to use the ng new command to create an Angular project based on the specific version you used when installing the CLI:

ng new your-project-name

This will generate a project based on Angular v8.3.19, the version which was specified when installing Angular CLI.

score 13 · Answer 6 · answered Feb 12 '20 at 12:55

13

Use the following command to install and downgrade the specific version.
uninstall cli

npm uninstall -g @angular/cli

clean npm cache

 npm cache clean --force

install cli

npm install -g @angular/cli@_choose_your_version

answered Feb 12 '20 at 12:55

Rajnikant Lodhi

432
4
12

score 11 · Answer 7 · answered Nov 30 '20 at 22:47

11

npx @angular/cli@10 new my-poject

you can replace 10 with your version of choice... no need to uninstall your existing CLI! Just learnt that now...

answered Nov 30 '20 at 22:47

viztastic

1,585
1
14
17

1

This answer should have much more votes. Worse to mention that you might get an `error: npm version 7.20.5 detected. The Angular CLI currently requires npm version 6.`. That can be fixed with `npm install --global npm@6` – Jonathan Sep 15 '21 at 11:25

score 10 · Answer 8 · answered Dec 07 '17 at 22:40

Specify the version you want in the 'dependencies' section of your package.json, then from your root project folder in the console/terminal run this:

npm install

For example, the following will specifically install v4.3.4

"dependencies": {
    "@angular/common": "4.3.4",
    "@angular/compiler": "4.3.4",
    "@angular/core": "4.3.4",
    "@angular/forms": "4.3.4",
    "@angular/http": "4.3.4",
    "@angular/platform-browser": "4.3.4",
    "@angular/platform-browser-dynamic": "4.3.4",
    "@angular/router": "4.3.4",
  }

You can also add the following modifiers to the version number to vary how specific you need the version to be:

caret ^

Updates you to the most recent major version, as specified by the first number:

^4.3.0

will load the latest 4.x.x release, but will not load 5.x.x

tilde ~

Update you to the most recent minor version, as specified by the second number:

~4.3.0

will load the latest 4.3.x release, but will not load 4.4.x

score 6 · Answer 9 · answered Jul 31 '20 at 13:33

6

npm i -g @angular/cli@x.y.z

x,y,z--> ur desired version number

answered Jul 31 '20 at 13:33

swetha sasanapuri

187
1
3

using angular cli – Crusader Jul 31 '20 at 14:11

score 4 · Answer 10 · answered Jul 29 '19 at 10:49

4

If you still have problems and are using nvm make sure to set the nvm node environment.

To select the latest version installed. To see versions use nvm list.

nvm use node
sudo npm remove -g @angular/cli
sudo npm install -g @angular/cli

Or to install a specific version use:

sudo npm install -g @angular/cli@7.2

If you dir permission errors use:

sudo npm install -g @angular/cli@7.2 --unsafe-perm

answered Jul 29 '19 at 10:49

MikeBRal

439
5
5

Thanks, but i think you answere is irrelevant. – Sajad Jul 29 '19 at 16:25

score 4 · Answer 11 · answered Mar 13 '21 at 05:04

4

I have Angular 11 installed globally on my computer, but I needed to create a new project in Angular 6. Based on the CLI version to Angular version info in Robert Brisita's answer on this question, these steps did it for me:

created [angular-six-dir]
cd [angular-six-dir]
npm install @angular/cli@6.* 
ng new [angular-six-project-name]

answered Mar 13 '21 at 05:04

Andrew Koper

5,068
5
37
47

This works great, but after doing this, it's a good idea to delete the extra outer `package-lock.json` and `node_modules` folder. (The extra ones which get created outside the angular project.) – Eliezer Berlin Jul 14 '21 at 13:56
This plus @EliezerBerlin remind = logical and works great. – seedme Dec 06 '21 at 23:48

Prajwal Singh · Answer 12 · 2019-07-05T14:03:30.827

2

Execute this command in the command prompt and you will be good to go

npm install -g @angular/cli@version_name

edited Jul 05 '19 at 14:03

answered Jul 05 '19 at 13:55

Prajwal Singh

51
4

score 1 · Answer 13 · edited Mar 26 '18 at 13:08

1

use the following command to install the specific version. say you want to install angular/cli version 1.6.8 then enter the following command :

sudo npm install -g @angular/cli@1.6.8

this will install angular/cli version 1.6.8

edited Mar 26 '18 at 13:08

Ali Akbarpour

910
1
18
34

answered Mar 26 '18 at 11:59

Rohit Raghav

27
2

Does not answers the question. – Sajad Mar 27 '18 at 05:57

score 1 · Answer 14 · edited Jan 04 '22 at 10:38

1

npm install -g @angular/cli@6.1.1
##Then you can check the version by##
ng --version

https://www.npmjs.com/package/@angular/cli/v/12.1.0

edited Jan 04 '22 at 10:38

Suraj Rao

28,850
10
94
99

answered Jan 04 '22 at 10:34

luqman ahmad

111
1
5

score 1 · Answer 15 · edited Jan 18 '22 at 12:55

1

This work for me.
Open CMD in folder "C:\Users\YourUser\source\repos"

npm uninstall -g @angular/cli 
npm cache clean
npm cache verify
npm install -g @angular/cli

Try again after that.

edited Jan 18 '22 at 12:55

Suraj Rao

28,850
10
94
99

answered Jan 15 '22 at 23:38

Ruben Acevedo

11
1

score 0 · Answer 16 · answered Jul 27 '20 at 18:14

0

I would suggest using NVM to keep different versions of node and npm and then install the compatible angular-cli

answered Jul 27 '20 at 18:14

Anton Krosnev

3,784
1
19
35

score 0 · Answer 17 · answered Feb 17 '22 at 09:59

Use CMD run as administrator, command like this

npm i @angular/cli@11.2.18
npm i -g @angular/cli@11.2.18

npm install @angular/cli@11.2.18
npm install -g @angular/cli@11.2.18

Get exist version like this https://www.npmjs.com/package/@angular/cli/v/12.2.16

How to install a specific version of Angular with Angular CLI?

17 Answers17

caret ^

tilde ~

Linked

Related