11 April 2020

Create new angular project using angular CLI in cmd

  • Open Command prompt as below image
  • Redirect to folder where you want to store project files as below image (my case : E:\TestProjects\Angular)
    • E:
    • cd E:\TestProjects\Angular
      
  • Next use below command to create new angular project with name of TestProject1 
    • ng new TestProject1 --style=scss --routing --skip-install
Note:
TestProject1 :Project name
 --style=scss : Style type
--routing  : adding routing to aplication
--skip-install  : skipping install



  • Installation is completed as above image and files are created in given path as below image 
  • Now redirect to inside project folder
  • Now install essential packages related to angular project using below command
    • npm install
  • Required packages are installed as below image

Now open and run angular project in Visual studio code using below steps
  • Open Visual studio code as below image

  • Open Angular project in visual studio code(go to file menu-> open folder-> as below image

  • Now we can see project files in explorer windows as below image
  • Run angular project using below command in terminal window


  • After successfully compilation application will open in browser as below image



No comments:

Post a Comment