How to install Angular 11 – Tutorial
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.
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…
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:
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:
It will return actual Angular version we have installed and other info.
Step3: Serve the Application
now we have installed Angular 7 and you can run the project in-browser by typing:
And that’s it! Now go to your browser and type “http://localhost:4200” and you will be able to show the following screen.
Congratulation, You have a latest Angular 7 ready and waiting for you to develop.
if face any difficulties during project creation try clear cache using the following command and then reinstall Angular CLI
npm cache clean –force
npm install -g @angular/cli@latest