How to Install Angular 12 in Windows 10

by

Install and setup angular 12 in windows 10; in this tuorial, i am going to show you how to install angular in windows 10 system.

Angular is a platform and framework for building single-page client applications using HTML and TypeScript. Angular is written in TypeScript. It implements core and optional functionality as a set of TypeScript libraries that you import into your applications.

Now in this tutorial, i will discuss some features in Angular 12 and the steps to install Angular 12 on Windows 10. The features are in angular 12

  • Faster Builds.
  • Angular ESLint Updates.
  • Internet Explorer Updates.
  • Webpack 5 Support.
  • Improved Logging and Reporting.
  • Updated Language Service Preview.
  • Updated Hot Module Replacement (HMR) Support.
  • Automatic Font Inlining.
  • Component Test Harnesses

How to Install Angular on Windows 10 : A Guide to Angular CLI

  • Step 1 – Install Node.js
  • Step 2 – Install Angular CLI
  • Step 3 – Creating a New Angular Application
  • Step 4 – Running Our App

Step 1 – Install Node.js

In this step, you need NPM to install Angular CLI. To install Node.js on your system and NPM will install with Node.js.

To install Node.js, go to the official Node.js website, download the latest version and install it.

After the installation, check the versions using the below commands.

node -v
npm -v

This will show the installed versions of Node.js and NPM.

If you are really a beginner in this field, the guide Steps to install Node.js and NPM on Windows 10 will help you.

Step 2 – Install Angular CLI

Angular CLI helps us to create projects, generate application and library code, and perform a variety of ongoing development tasks such as testing, bundling, and deployment.

It can simply be installed using NPM. So first, open our Command Prompt / Powershell and install the Angular CLI with the below command.

npm install -g @angular/cli

The above command will ask you questions.

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.

You can either agree or disagree with the question. Press y and Enter for agreeing and n and Enter if you are disagreeing. This answer won’t affect the Angular installation.

Step 3 – Creating a New Angular Application

You have successfully installed Angular CLI on our system and now you can set up a workspace for Angular projects in the system and create a new app. This can be done with the below command.

ng new my-app

The above command will ask you two questions.

1. Would you like to add Angular routing?

press y if you are preferring t to create a multi-page website. Otherwise choose n.

2. Which stylesheet format would you like to use?

Choose any stylesheet format that you are familiar with. Here I chose CSS.

Step 4 – Running Our App

Now, the app you created can be run using ng serve command.

cd my-app
ng serve --open

This launches the server, watches our files, and rebuilds the app as we make changes to those files. The –-open (or just -o) option automatically opens our browser to the address http://localhost:4200.

Conclusion

Install angular in windows 10; in this tuorial, you have learned how to install angular in windows 10 system.

Leave a Comment