Three Steps To Install Angular And Create Your First Hello World Angular App

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

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