Skip to main content

How setup or install angular?

Before creating our first Angular app, first, we’ll see how to install Angular on a Windows system.

Step 1 - Install NodeJS

Follow the link - https://nodejs.org/en/download/

Download the node.js installer for Windows and install it.

Angular

To check the installed version of Node.js, open the command prompt.

Angular

Type the “npm -v” command to check the Node.js installation and version.

Angular

 

Step 2 - Install TypeScript

Open the link https://www.npmjs.com/package/typescript

Angular

 

Copy the above command “npm install -g typescript” and run it on command prompt.

Step 3 - Install Angular CLI (Angular command line interface)

Open the link https://cli.angular.io/ and follow the instructions to install Angular CLI and to create your first  Angular app.

Angular

 

  1. Type the command “npm install -g @angular/cli” on the command prompt and press enter to install Angular cli.

    Angular

  2. Type “ng new hello-world” and hit enter to create the Hello World app.

    Angular

    Angular

    Angular

    Once you see the message “Project ‘hello-world’”  it means the app is created on the disk.

  3. Now, type “cd hello-world” to get into the app directory or folder.

    Angular

  4. Finally, the "Hello World" Angular app is created; now type “ng serve”.

    Angular

    Angular

Now, open the browser and type http://localhost:4200  in the address bar and hit enter to run the Hello World Angular app in the browser.

Angular

Comments

Popular posts from this blog

Create module and component in angular by CLI

To create a component as part of a module you should ng g module newModule  to generate a module, cd newModule  to change directory into the  newModule  folder ng g component newComponent  to create a component as a child of the module.

Difference between full stack developer and minstack developer

 Full stack  Developer is that person who can develop client and server side applications like client means fronthand UI(html , CSS, angular materials , bootstrap etc) interface that communicate to server . Server means where handle the client request and create business logic and prepare the database that is server part . In simple and sort language server is a backhand  part. Who knows server side languages like java ,PHP , .net ,nodejs python etc  A minstack is that developer who knows only JavaScript. Based  application programmer like as nodejs, angularjs , mongodb expressjs , reactjs etc