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

Question

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 Angular 4.

My question is how do I create a new Angular 2/4/5 project using a 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 angular.json and not only name but content is also changed).

I've also raised the same question on the angular-cli GitHub site.

Answer 1

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+

Answer 2

Using CLI you can not create a specific angular version.

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

For Example:

First create new folder inside any drive. I'm going to create a 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 address bar in Windows and hit enter.

Now type angular specific version command: npm install @angular/[email protected] for angular 5. and use a similar command for the other version.

After completing the installation, just create a new angular project in your specific folder that you recently installed angular. Ex: d:\projects\demo\.

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

In my example, it will create an angular 5 project.

Answer 3

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....!

Answer 4

I think the easiest and flexible solution is to use npx:

npm install -g npx

for example for create a new angular 11 project:

npx -p @angular/[email protected] ng new Angular11App

Answer 5

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/[email protected] 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/[email protected] and it will use cli version 1.7.4 which is the most latest stable version for angular 5.

Answer 6

Please try the below npx -p @angular/[email protected] ng new angular12App

Answer 7

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

Answer 8

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

Answer 9

It is more simple. Use the following code in cmd.

npx -p @angular/[email protected] ng new my-angular-14-project

Note: replace "14.0.0" with the angular version you need to create the project and replace "my-angular-14-project" with the project name.

Answer 10

Run below code

npx -p @angular/[email protected] ng new Angular11App