Angular Installation steps and create First angular app

Steps – Very simple to follow

1. Install Nodejs

Node.js provides the node package manager which manages the dependencies to run an angular Project. Node.js serves as the run time environment to run javascript based frameworks and applications.

GOTO Node js official link to download and install Node.js https://nodejs.org/en/

Preferably you can download the LTS version as it is the LTS version which has long term support.

nodejs-installation

TEST for successful node installation :

 Type in cmd prompt > node -v > it will give you a version is installed correctly
check-node-installation-version

2. Install Angular CLI using npm

Type this command in command prompt :

 > npm install -g @angular/cli
install-angular-cli-with-npm

Verify angular cli is installed correctly or not

 Type > ng -v
angular-cli-version-check

Great ! – now you have successfully installed angular on your machine. Goto Step 3 and create your first angular app, it’s super simple.

3. Create Angular Basic app – using one single command

 > ng new my-dream-app
create-angular-app-from-cli
It will ask a few questions like:
 Would you like to add routing to your app ? click yes or no
Which stylesheet format would you like to use ? CSS/Less/Sass etc, choose one from the options 

Voila !

You have created your first angular app

Run it …….

Type in command prompt/shell :

> cd my-dream-app
> ng serve 
start-angular-app-ng-serve

now open your web browser and type the url :

localhost:4200

my-dream-angular-app-localhost

Congrats ! – We are done with installing and creating our first basic angular app.

Read Next tutorial -> to Understand the File structure and use of each file in angular app.

Summary

In this tutorial, we learn Step by Step how we can create very first angular app. We Suggest try to follow this tutorial and get started with angular app.
Hope you liked it!