Angular 4 Installation Guide

Step:-1:-First of all Install Node Js..
Follow this link:-
https://nodejs.org/en/download/
Step:- 2:-Then install any Code Editor,I suggest Visual Studio Code
https://code.visualstudio.com/Download

After installion go to command prompt:-
Paste following coommands to check version of NodeJs and Npm Installed.
node version node -v
npm version  npm -v





Step :-3:-
Now its time to install angular cli.
For this first of all clear the cache by going in command prompt and paste following commands:-
cache clean:-npm cache clean.
folder C:\Users\Zia\AppData\Roaming\npm
If you have older version of angular cli,unistall it by following command.

Uninstall :=  npm uninstall -g @angular/cli

After completion un installation clear cache and run following commands.

Install Angular Cli globally

npm install -g @angular/cli

After installation, checkout version by following command.

ng --version

Now its time to make project.

Make an empty folder give it proper name and copy its path
Goto command prompt and change directory as:-
Create your New Project
select directory
cd paste the address.

Then
write ng new appName as:-

ng new my-app

(then select the name of project as directory)
set application directory

cd my-app(same like above mentioned name)

serve the application

ng serve --open

it will open the UI in http://localhost:4200

It will show your first screen as below
Happy Coding! Stay tuned!
Watch Video For more detail