angular

How to install Angular 11 – Tutorial

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.

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
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
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

Also read,

Conclusion:

Thanks for reading.

Do let me know If you face any difficulties please feel free to comment below we love to help you. if you have any feedback suggestion then please inform us by commenting.

Don’t forget to share this tutorial with your friends on facebook and twitter

If You Appreciate What We Do Here On TutsCoder, You Should Consider:

If you like what you are reading, please consider buying us a coffee ( or 2 ) as a token of appreciation.

Support Us

We are thankful for your never ending support.

Leave a Comment