How to Create a specific version of Angular Project using CLI?
AngularNpmAngular CliAngular Cli-V6Angular 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.