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 Get Client IP Address In Laravel 9
How To Get Client IP Address I...

In this article, we will see how to get a client's IP address in laravel 9. Many times you need a user IP addre...

Read More

Oct-26-2022

How To Merge Two Collections In Laravel
How To Merge Two Collections I...

In this article, we will see how to merge two collections in laravel 8 or laravel 9. The Illuminate\Support\Co...

Read More

Jul-18-2022

Laravel 10 Create AJAX Pagination Example
Laravel 10 Create AJAX Paginat...

In this article, we will see laravel 10 create an ajax pagination example. Here, we will learn about how to create...

Read More

Apr-17-2023

Carbon diffForHumans Laravel Example
Carbon diffForHumans Laravel E...

In this article, we will see carbon diffForHumans in laravel. Carbon diffForHumans function in carbon provides the...

Read More

Dec-14-2020