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

AngularNpmAngular CliAngular Cli-V6

Angular Problem Overview


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

Angular Solutions


Solution 1 - Angular

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/[email protected] 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.

Solution 2 - Angular

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+

Solution 3 - Angular

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

Solution 4 - Angular

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

Solution 5 - Angular

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

Solution 6 - Angular

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

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionRavi Kumar BView Question on Stackoverflow
Solution 1 - AngularShashikant DevaniView Answer on Stackoverflow
Solution 2 - AngularEladTalView Answer on Stackoverflow
Solution 3 - AngularBhavesh AjaniView Answer on Stackoverflow
Solution 4 - AngularjaideepView Answer on Stackoverflow
Solution 5 - AngularExterminatorView Answer on Stackoverflow
Solution 6 - AngularJunaidView Answer on Stackoverflow