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 Create Parallax Scrolling Effect Using jQuery
How To Create Parallax Scrolli...

In this article, we will see how to create a parallax scrolling effect using jquery. Parallax scrolling is a websit...

Read More

May-04-2022

How To Upload And Preview Image In React JS
How To Upload And Preview Imag...

In this article, we will see how to upload and preview images in react js. You can learn how to show an i...

Read More

Sep-06-2022

Laravel 9 MongoDB CRUD Operation Tutorial
Laravel 9 MongoDB CRUD Operati...

In this article, we will see the laravel 9 MongoDB crud operation tutorial. In laravel, we will have many crud operation...

Read More

Dec-06-2022

Scaling for Success: Comparing cPanel Hosting with Easy Scalability
Scaling for Success: Comparing...

In today's digital landscape, your website serves as your storefront, your testimonial, and your voice. As your busi...

Read More

Jun-28-2024