How to install Angular 12 – Tutorial

October 19, 2021

Recently Angular 11 stable version released! In this tutorial, you are going to learn how to install angular 11 on your machine step-by-step from the beginner level.

If you are already familiar with Angular 7,8,9 or 10 then this process will remain the same.

Fortunately, if you already have experience with Angular 7,8,9 or 10 the process of starting a new Angular 11 project is pretty much the same.

Also read, Angular Introduction: What It Is, and Why You Should Use It

However, if you have no previous experience with Angular, don’t worry — installing Angular 11 just a piece of cake.

So, let’s get started…

Prerequisites

You’re going to need a couple of things before proceeding:

Note: Angular 11 requires Node.js version 8.x or 10.x.

To check whether or not you have both of these installed, visiting your command line or Terminal and type:

node -v
npm -v

If you don’t have installed Node.js on your machine simply go to nodejs.org and download the latest stable version or you can also use the current version of it and install it on your machine.

If you don’t have knowledge of node.js then please check getting-started-with-node.js article else continue here.

Step1: Installing Angular 11 through the CLI

The Angular CLI (Command Line Interface) is the quickest and easiest way to get started with an Angular 11 project.

We can use Angular CLI to Create New Projects, generate Application code and library code, and also develop tasks such as component generate, create Application bundle, deployment, etc…

We’re going to use NPM to install the Angular CLI globally through the following command:

npm install -g @angular/cli

Once installed, you can access the CLI tool by typing ng.

To check the version of your Angular CLI, type:

ng -v

It will show the currently installed CLI Version, Great now we have installed CLI and its ready to use with angular.

Step2: Create Blank Project in Angular 7 with CLI

Now go to the directory where you want to place the project with CLI and then type:

ng new <Project_Name>

It will prompt you for information about features to include in the initial app project. Accept the defaults by pressing the Enter key.

It will take some time, once installation completed go to the project directory and type:

ng -v

It will return actual Angular version we have installed and other info.

Angular7 CLI

Step3: Serve the Application

now we have installed Angular 7 and you can run the project in-browser by typing:

ng serve

And that’s it! Now go to your browser and type “http://localhost:4200” and you will be able to show the following screen.

Angular First Screen

Congratulation, You have a latest Angular 7 ready and waiting for you to develop.

Troubleshooting,

if face any difficulties during project creation try clear cache using the following command and then reinstall Angular CLI

npm cache clean –force

then run

npm install -g @angular/cli@latest