Installing Angular CLI

angular cli setup
angular cli install windows
angular cli how to install
angular cli installation steps
npm angular cli error

Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.

In this video we will discuss how to install Angular CLI

The prerequisites for installing Angular CLI : To install Angular CLI you should have installed Node 6.9.0 or higher, and NPM 3 or higher

To check the versions that you have on your machine type the following commands in a command window.
node -v
npm -v

You can get the latest version of Node and NPM from the following website. Click on the correct download link depending on the Operating System you have.

Once you have Node and NPM installed. Run Command Prompt as an administrator and execute the following command. Flag -g installs Angular CLI globally on your machine.
npm install -g @angular/cli

You can also use i as shortcut for install. So the above command can also be rewritten as shown below
npm i -g @angular/cli

If you see a tree structure, you have Angular CLI installed successfully.

To verify the version of Angular CLI installed, execute the following command
ng -v

At the time of this recording, I have Angular CLI version 1.4.2 installed on my machine.

If you run into any problems installing Angular CLI, follow these steps and hopefully Angular CLI will be installed successfully.
Step 1 : Delete "npm" folder from the following path
C:\Users\Your_UserName\AppData\Roaming

Please note : If you cannot find "AppData" folder, make sure in your windows operating system, you have "Show hidden files, folders, and drives" option is turned on. "AppData" is a hidden folder.

Step 4 : Run Command Prompt as an Administrator and try to install Angular CLI again using the following command. Hopefully this time it installs successfully. If not, please leave the problem you are facing as a comment on this video and we will try to help as soon as we can. Also, if you had a problem and you solved it yourself, please let us know what the problem is and how you solved it by leaving a comment, so it could help others with a similar problem. After all, it's all about sharing and learning from each other.
npm install -g @angular/cli

In our next video, we will discuss creating an Angular project from scratch using Angular CLI.

Text version of the video

Slides

Angular CLI Tutorial

Angular CLI Text articles & Slides

All Dot Net and SQL Server Tutorials in English

All Dot Net and SQL Server Tutorials in Arabic

[lynndemarest]

It IS all about sharing and learning from each other! Thank you, Venkat! You're what the Internet is supposed to be about.

[alamgirkhan]

After installation you need to to write down ng v instead of ng -v... Hope it work

[muaaznaeem]

thank you so much sir....i just wanna tell when i start a new thing ...my first try is to find your vidio on the same content...your way to teach is wonderful...i started with asp.net and mvc tutorials...then linq and linq to sql and now angular your vidios are too much helpful for me for all of these

[renvt]

Thank you for a great, straight forward video.

[atila_tv]

Great video bro! For people like you is that the computers and programmers are one

[arunmahajan]

Good job, thanks! This was very useful.

[houssamfertaq]

Im so glad you're finally back :)

[ushasanjeevam]

Thank you so much your solution solved my problem .

[kodipyakapraneeth]

his explanation is beyond expectations tq sir

[KeidGT]

Se nota el acento europeo, soy de latinoamérica y no sé ingles, aun así me ha servido mucho!! buen video!! THANK U!!

[rashmikumari]

I have installed angular 1.0.0 althought I have node version 10.4.1 on MAC, but I did not get tree like structure is it fine?

[Abhisheikhs]

Hi Venkat, thank you for the short videos on each topics. Helpful!
I installed angular cli, visual studio code, then i installed wampserver.


To view "my first app" on localhost i moved the initial app folder from "users/username/AppData" to "www directory" now it shows page can't be reached.


How to configure the paths or is there any other issue.

[rw]

what kind of problems might you get?
also does the cli keep you connected to angualr api? everytime i close it i lost connection. i had to close it to reopen it to install another component and had all sorts of problems and errors

[krishnavala]

Thank You So much sir, I want to more tutorials

[tamminedimaheswari]

Your vedio is very helpful in resolving issues in installing angular

[jch]

a quick thought about the -g on the install. This is a global meaning your whole "box" is now configured the this CLI. if you develop new applications of time (years for us) you might want to use newer cli's and you might potentially be in conflict. the trade is installing the CLI multiple times on the same box. Just a thought to consider.

[vandanaingole]

thank u sir. awasome way of teaching. god bless u.

[mohanperera]

Thank you very much Venkat. Your video was really helped. But I didn't get tree structure after installing angular cli, as you said. But when typed "ng-v" it comes the correct version. Is that tree structure compulsory to appear ?

[vijaykamble]

Hi Venkat, I am not able to install "npm install -g @angular/cli "

[kristineguardian]

Hi, I am new to angularjs and I'm on a project wherein we need to upgrade angularjs version. May I know on how to upgrade angularjs 1.3 version to 1.6 ? Any suggestion ?