How To Install Angular In Ubuntu

Websolutionstuff | May-09-2022 | Categories : Angular

In this article, we will see how to install angular in ubuntu. Angular is a framework, library, assets, and utilities. It keeps track of all the components and checks regularly for their updates. The Angular CLI is a command-line interface tool that you use to initialize, develop, and maintain Angular applications. We can install Angular CLI in many ways. we will use NPM (Node Package Manager) on Ubuntu.

So, let's see how to install angular 13 on ubuntu, npm install angular, install angular in ubuntu, ubuntu install angular CLI, installing angular CLI on ubuntu, check angular version ubuntu, how to install angular in ubuntu 20.04, how to install angular in ubuntu 18.04, install and setup angular in ubuntu 18.04, how to install angular in ubuntu using terminal

Step 1: Install Node.js

In this step, we will install node.js using the below command.

sudo apt update

sudo apt install nodejs

The nodejs package contains both the node and npm.

 

 

Now, we will check the node and npm version

sudo node --version

sudo npm --version

 

Step 2: Install Angular/CLI

After installation of node.js and npm on your system, use the following commands to install the Angular CLI tool on your system.

npm install -g @angular/cli

The latest version of Angular CLI will be installed on your Ubuntu Linux system. You may require an older Angular version on your machine. To install a specific Angular version run the command as follows with a version number.

npm install -g @angular/cli@11        #Angular 11
npm install -g @angular/cli@12        #Angular 12

Angular CLI provides a command ng used for command-line operations. Let’s check the installed version of ng on your system.

sudo ng --version

 

 

Step 3: Create New Angular Application

Now, we will create an angular application using CLI.

ng new angular-project

 

Step 4: Serve Angular Application

Now, we’ll start our project using the following commands.

cd angular-project
ng serve --open

Now, open the browser to check the running project.

http://localhost:4200/

You can change the host and port for running the Angular applications by providing --host and --port command-line arguments.

ng serve --host 0.0.0.0 --port 8080

 


You might also like :

Recommended Post
Featured Post
How to Add Active Class Dynamically in Laravel 11
How to Add Active Class Dynami...

Hello, laravel web developers! In this article, we'll see how to add an active class dynamically in laravel 11. Here...

Read More

Jul-08-2024

Drag and Drop File Upload Using Dropzone js in Laravel 9
Drag and Drop File Upload Usin...

In this article, we will see drag and drop file upload using dropzone js in laravel 9. Dropzone JS is an open-source lib...

Read More

Mar-19-2022

How To Get Client IP Address In Laravel 10
How To Get Client IP Address I...

In this article, we will see how to get a client's IP address in laravel 10. Here we will learn about retrieving the...

Read More

Apr-07-2023

How to Upgrade from Angular 14 to Angular 15
How to Upgrade from Angular 14...

As a developer, keeping up with the latest advancements in Angular is crucial to stay ahead in the rapidly evolving worl...

Read More

May-31-2023