How to install Angular on Ubuntu 20.04 / Debian 10?

Windows Articles

How to Install APK file on Android

Hello Friends! Today we bring you a simple guide on how to install an APK file in Android. What...

How to Install the Latest version of FFmpeg on Ubuntu 20.04 / Debian 10?

Knowing how to install the latest version of FFmpeg is important if you know how to work with multimedia files. So in...

How to block emails from specific senders in Outlook

Hello, how are you? Today we will talk a little about Microsoft Outlook. It is well known that its main function is...

How to Block a phone number on Android

Hello friends. In this post, we will show you how to block a phone number on Android. Have you ever wondered how...

How to install Java 15 on CentOS 8 / CentOS 7

Recently Java 15 has been released with interesting new features in the accounting field and introducing many security patches. In spite of...
angeloma
angeloma
Senior Writer and partner

In this post, I will show you how to install Angular on Ubuntu 20.04 / Debian 10.

Angular: a command-line interface for Angular

Angular is a Javascript framework for creating the front end side using the MVC pattern. It was created in 2009 by Google and is becoming more and more popular. Thanks to Angular we will be able to speed up the work from the front end using a lot of Javascript functionalities perfectly organized. Its methodology is the SPA, i.e. single page application.

On the other hand, Angular is being widely used in a new stack called MEAN (MongoDB, ExpressJS, Angular and NodeJS) where you can create other types of web applications.

In order to have a tool to manage Angular better, it is that AngularCLI arises. Angular is a command-line interface for Angular, with it, we can create an application that already works, right out of the box.

So, if you use Angular or you want to learn about it, you have to install Angular.

Install Angular on Ubuntu 20.04 / Debian 10

AngularCLI requires for its operation that the system has NodeJS installed. So the first step is to install it. I recommend you to read our post about it:

How to install NodeJS on Debian 10?

How to install NodeJS on Ubuntu 20.04?

After it is correctly installed, we can install it using npm. So, you have to install it too.

:~$ sudo apt install npm

To do so, just use the following command:

:~$ sudo npm install -g @angular/cli
1.- Install Angular on Ubuntu 20.04 / Debian 10
1.- Install Angular on Ubuntu 20.04 / Debian 10

Then, create a new project using this tool:

:~$ ng new example-project

Now, you have to choose the slytesheet format.

This will create a new folder called example-project. Of course, you can change the name of the project. Access it and serve the project.

:~$ cd example-project 
:~$ ng serve 

This will make the application available at http://localhost:4200. Remember that this port has to be available in the firewall.

However, we can change those parameters and specify a port and a host.

:~$ ng serve --host [host_ip] --port [port]
2.- Running an Angular Aplication
2.- Running an Angular Application

When you open the browser and access your project, you will see the following:

3.- Project running
3.- Project running

So, Angular is ready to be used.

Conclusion

Developers need tools to help speed up projects. Well, with Angular we will have a terminal interface to manage this fantastic framework.

Please share this post and join our Telegram channel.

More articles

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Latest article

How to Install APK file on Android

Hello Friends! Today we bring you a simple guide on how to install an APK file in Android. What...

How to Install the Latest version of FFmpeg on Ubuntu 20.04 / Debian 10?

Knowing how to install the latest version of FFmpeg is important if you know how to work with multimedia files. So in...

How to block emails from specific senders in Outlook

Hello, how are you? Today we will talk a little about Microsoft Outlook. It is well known that its main function is...

How to Block a phone number on Android

Hello friends. In this post, we will show you how to block a phone number on Android. Have you ever wondered how...

How to install Java 15 on CentOS 8 / CentOS 7

Recently Java 15 has been released with interesting new features in the accounting field and introducing many security patches. In spite of...
x