How to Install Angular CLI on Windows 10

In this article, We are going to perform, How to Install Angular CLI on Windows 10 or any other cloud platform like Amazon EC2, Azure VM, Google Cloud Compute, etc. with preinstalled Windows OS.

Introduction:

Angular is most popular open source Google-developed JavaScript framework. It is used to design client-side web and mobile application.

Why You Should Use Angular:

MVC Architecture: It is Open Source framework MVC based framework and advanced Typescript/JavaScript support.

Supports All Platforms: It has ability to build applications on any platforms like Web, Mobile and native mobile.

Beautiful UI and UX: Using Angular you can develop Featured Rich, Amazing UI and Single Page application.

Large Community: Angular became extremely among developers, largely available training materials, forums and third-party tools and can find solution of every issues.

Prerequisite:

• Windows 10 with Administrator Access.
• Minimum 1 CPU and 2 GB RAM.
• Open Firewall Ports 3000 and 4200.

Step #1: Download Node.js package for Windows

First download the latest node.js package from node.js official site and click on Windows installer, it will download .msi file.

Click on 32 bit or 64 bit version of node.js for windows.

once you clicked, it will ask for to save dowloaded node.js msi setup, click on Save File.

once downloaded, double click on node.js Windows Installed .msi file.

you will see Node.js Setup Wizard , click on Next as shown below.

click on Node.js License agreement and click on Next.

Select Destination folder where you want to Install Node.js and click on Next.

Select on to install npm modules like python and Visual Studio Build Tools if not installed and click on Next

custom setup for Node.js and click on Next.

Step #2: Install Node.js on Windows

Now Install Node.js on Windows 10, click on Install.

wait to finish to Install Node.js on Windows.

once installing of Node.js finished, click on Finish.

It will open commands prompt to Install Addition Tools for Node.js for Windows, click Enter.

once you entered, it will open Windows Powers shell and wait till to Install additional Tools for Node.js.

once all finished, open a commands prompt .

Check Node.js and npm version on Windows.

Note: when you install node.js using msi installed, you don’t need to setup system variables for node.js.

Step #3: How to Update Node.js and NPM on Windows

To update node.js and npm on windows , you can download the node.js version from the node.js official site , install and replace it with existing version.

OR

open a commands prompt and run below commands to update the node.js and npm on windows

npm install npm –global

Step #4: How to Install Angular CLI on Windows 10

Run below command to install angular CLI.

npm install -g @angular/cli

/usr/bin/ng -> /usr/lib/node_modules/@angular/cli/bin/ng

> @angular/[email protected] postinstall /usr/lib/node_modules/@angular/cli
> node ./bin/postinstall/script.js

? Would you like to share anonymous usage data with the Angular Team at Google under
Google’s Privacy Policy at https://policies.google.com/privacy? For more details and
how to change this setting, see http://angular.io/analytics. Yes
+ @angular/[email protected]
added 277 packages from 207 contributors in 19.024s

Run below command to check install Angular Version.

ng --version

Sample Output:

Angular CLI: 10.1.1
Node: 12.18.3
OS: linux x64

Angular:
...
Ivy Workspace:

Package Version
------------------------------------------------------
@angular-devkit/architect 0.1001.1
@angular-devkit/core 10.1.1
@angular-devkit/schematics 10.1.1
@schematics/angular 10.1.1
@schematics/update 0.1001.1
rxjs 6.6.2

Step #5: Creating new Angular Project in Windows

Run following command to create New Angular Project named test-project.

ng new test-project

Output:

.....
...... 
added 1167 packages from 1048 contributors and audited 19053 packages in 72.14s
23 packages are looking for funding
  run `npm fund` for details
found 0 vulnerabilities
    Successfully initialized git.

Step #6: Running Angular Application

Once Project created successfully, navigate to project and Run your Application using ng server command.

cd test-project

ng serve 

Output:

To Access Angular Application on browser, enable the port 4200 in firewall or inbound rule in Cloud.

http://localhost:4200

Successfully we have performed how to install angular CLI on Windows 10.

Conclusion:

We have covered, How to Install Angular CLI on Windows 10, Commands to check version of node JS,NPM and Angular, Creating and running test project in Angular in Windows.

Related Articles:

How to Install Node.js on Windows 10 [4 Steps]

How to Install node.js on Mac OS