angular cli new project code example

Example 1: create angular project

//Author:Mohammad Arman Khan
//Steps to install ANGULAR CLI
1: npm install -g @angular/cli
//Initialize first project
2: ng new my-dream-app
3: cd my-dream-app
// To Run Server
4: ng serve
//done!!

Example 2: install angular cli

npm install -g @angular/cli    //make sure you have node/npm installed 
ng new <appname>        //  eg:  ng new my-app
cd <appname>       // cd my-app
ng serve

Example 3: create angular project cli version 8

#Angular 2:the last RC version before switching to angular 4 as far as I can tell — based on this and the next version now depends on angular
npm install @angular/cli@1.0.0-rc.2 
ng new angular2app

#Angular 4: the last CLI version before angular 5
npm install @angular/cli@1.4.10 
ng new angular4app

#Angular 5: the last CLI version before 6
npm install @angular/cli@1.7.4 
ng new angular5app

#Angular 6: the last CLI version before 7
npm install @angular/cli@6.2.9 
ng new angular6app 

# Angular 7: (the last CLI version before 8
npm install @angular/cli@7.3.9 
ng new angular8app 

#Angular 8: the last CLI version before 9
npm install @angular/cli@8.3.25 
ng new angular8app 

#Angular 9: not last CLI version 9 
npm install @angular/cli@9.1.12 
ng new Angular9App

Example 4: angular new project

ng new project_name

Example 5: ng angular

ng new <name> [options]

Example 6: ng new project

content_copy
      
      ng new angular-tour-of-heroes