Friday, 27 July 2018

Developing First Angular 5 and Above App

Installation:



  1.  Install node.js (https://nodejs.org/en/download/)
  2. Install Visual Studio Code(https://code.visualstudio.com/download)


Creating first Angular App



  • Create a Workspace
  • Open Visual Studio Code and Navigate to the Terminal , open your Workspace and run
E:\Workspaces\AngularWorkspace>npm install -g @angular/cli
  • This will install the angular libraries in ur node_modules folder
C:\Users\hp\AppData\Roaming\npm\node_modules
  • Create your app using the comand 
E:\Workspaces\AngularWorkspace>ng new AngularFirst
  • Navigate into your Project folder
E:\Workspaces\AngularWorkspace>cd AngularFirst
  • We have created our App and we can run it using the below command
E:\Workspaces\AngularWorkspace\AngularFirst>ng serve --open
  • ng serve will deploy our application in the node server. and --open is optional which will open our  Application automatically in the browser.
  • You can see our application homepage hosted at http://localhost:4200/