How to install Angular 14 – Tutorial : Step by Step

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

Fortunately, if you already have experience with Angular 11,12 or 13 the process of starting a new Angular 14 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 14 is just a piece of cake.

So, let’s get started…

Install Angular 14 Step by step guide

Prerequisites

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

• Node.js
• Node Package Manager (NPM)

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 the getting-started-with-node.js article else continue here.

Step 1: Installing Angular 14 through the CLI

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

We can use Angular CLI to Create New Projects, generate Application code and library code, and also develop tasks such as component generation, creating Application bundles, 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 it's ready to use with angular.

Step 2: Create Blank Project in Angular 14 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.

Step 3: Serve the Application

now we have installed Angular 14 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.

👍 Congratulations, You have the latest Angular 14 ready and waiting for you to develop.

Troubleshooting,

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

npm cache clean –force

then run

npm install -g @angular/cli@latest

Also read,

• Getting Started with Nodejs Beginners Guide
• Hello World in Nodejs with Express
• Npm Tutorial

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 suggestions then please inform us by commenting.

Don’t forget to share this tutorial with your friends on Facebook and Twitter