How to Create a specific version of Angular Project using CLI?

Viewed 65717

My npm version is 5.5.1 and angular cli version is 6.2.1. When I try to create a new project using the command ng new Project_name then it is creating the latest version of angular (in my case it is creating Angular version ^6.1.0). But I want Angular4. My question is how to create this Angualr2/4/5 (specific version instead of the latest version)? I don't think changing the version value in package.json will help in my case because there are some differences in the older versions and the latest 6 version (like the name of one file has been changed from angular-cli.json to anguar.json and not only name but content is also changed.) I've also raised the same question in Angular-cli Github site as well. click here

Thanks in advance!!

6 Answers

Using CLI you can not create specific angular version.

But you can install specific version of angular CLI into particular folder.

For Example :

First create new folder inside any drive. I'm going to create demo folder in D drive. Ex: d:\projects\demo.

Then find this folder inside Command Prompt(cmd) or just type cmd into your created folder addressbar in windows and hit enter.

Now type angular specific version command : npm install @angular/cli@1.7.x for angular 5. and use similar command for other version.

After complete the installation, just create new angular project into your specific folder that you recently install angular. Ex: d:\projects\demo\.

Now create angular project using the command ng new Project_name and it will create your specific angular version Project.

In my example it will create angular 5 project.

You can use npx command which is Node.js package runner, by running packages directly from the registry without effecting the globally installed package registry (-g).

@next will automatically install the latest preview version from Angular repo (now days refers to version 9 rc), like so:

npx @angular/cli@next new Angular9Project

Otherwise, you can provide the specific version:

npx @angular/cli@7 new Angular7Project

NPX comes bundled with NPM version 5.2+

The Easy Way: example:npm install @angular/cli@6 here the -g flag tells npm to do this install globally. The 6 on the end tells npm that I want the latest available version 6.

if I want to create a new application for Angular 5 I do this :

> npm install @angular/cli@1
> ng new my-ng5-app

Remember, Angular CLI was version 1.7 for Angular 5.

if I want to create a new application for Angular 6 I do this :

> npm install @angular/cli@6
> ng new my-ng6-app

if I want to create a new application for Angular 7 I do this :

> npm install @angular/cli@7
> ng new my-ng7-app

if I want to create a new application for Angular 12 I do this :

> npm install @angular/cli@12
> ng new my-app-name

I hope it would be helpful for you thanks....!

Create a package.json file then define the angular version you want to install then run npm install it will create project in the required version irrespective of the global angular cli

this should work Use a package called npx npm i -g npx and when you need to create an angular project use this command the first time npx -p @angular/cli ng new hello-world-project after that you can use normal commands to work like ng g c abc

TL;DR
Use a package called npx (run npm i -g npx if not already installed) and when you need to create an angular project, just use this command the very first time:
npx -p @angular/cli@latest ng new hello-world-project

Note: Replace @latest with your desired CLI version.
Remember:, For Angular 6 & above, the Angular-CLI version has been brought to the same level as the Angular such that npx -p @angular/cli@6 creates angular 6 project & npx -p @angular/cli@7 creates angular 7 project etc.

Explanation:
So For example if you want to create angular 4 project, modify the above command to include the angular-cli version 1.4.10 like this npx -p @angular/cli@1.4.10 ng new hello-world-project and then when your project setup is complete you can go back to using the normal ng generate and other commands.

Angular-cli versions indicate which angular version will be associated with a project & angular-cli 1.4.10 creates angular 4 projects

Edits:

Here is some useful versioning info about which cli creates which angular version.

 CLI version     Angular version

 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

Also, if you want to use latest stable version to create a certain angular project you can just use npx command like this npx -p @angular/cli@1.7 and it will use cli version 1.7.4 which is the most latest stable version for angular 5.

Related