How to Install and Set up Angular 11 on Debian 10 Buster

Angular one of the most popular web/mobile application development frameworks is releasing its version updates by fixing bugs and adding new features very fast. Here we will learn the steps to install Angular 11 on Debian 10 Buster operating system.

Reusable components are the main attractions of Angular. We can use the same components in several places where the same UI structure is needed. This reduces the amount of coding time and increases productivity. That is why some of the giant companies are developing their products with Angular.

It supports the use of TypeScript instead of JavaScript in our project if we are familiar with it.

Angular combines integrated best practices to solve development challenges. Also, it empowers developers to build applications that live on the web, mobile, or desktop. Some of the other features include

  • declarative templates
  • dependency injection
  • end to end tooling

The current stable version of Angular is 11 and we are going to explain the steps of installation of it on the Debian 10 Buster operating system.

Prerequisites

To continue with this article, the reader must know the basics of working with the Terminal in a Debian system.

What we will learn?

Here in this article, we will learn the following things:-

  • Install Node.js on a Debian system
  • Updating the NPM
  • Installing the Angular CLI.
  • Creating a new Angular application
  • Running the Angular app we created

Install Nodejs

In this tutorial, we are going to install Angular 11 using the Node Package Manager(NPM). So first, we need to install Nodejs on our system.NPM will be installed with Nodejs itself.

So, the latest version of Node.js can be installed on our system using the commands below. Currently, 16.13.0 is the latest version of Nodejs.

curl -sL https://deb.nodesource.com/setup_16.x | sudo -E bash - sudo apt-get install -y nodejs

Update NPM(Optional)

Node Package Manager(NPM) will be installed with the Nodejs itself. But if we can update it to the latest version using the below command.

sudo npm install npm@latest -g

Install Angular CLI

Angular CLI helps us to create projects, generate application and library code.

It can simply be installed using NPM. So first, open Terminal and install the Angular CLI with the below command.

npm install -g @angular/cli

Creating a New Angular Application

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

ng new awesome-project

Running Our App

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

cd awesome-project
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 below address.

http://localhost:4200

Summary

So in this article, we learned the steps to install Angular 11 on a Debian 10 operating system. Angular CLI made it easier to create new Angular projects.

Be the first to reply

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.