MQ-Jr
MQ-Jr
unixcop Admin

How To Install and Use AngularJS on Ubuntu

In this guide, we will illustrate how to install and use AngularJS on Ubuntu

AngularJS was a JavaScript-based open-source front-end web framework for developing single-page applications. It was maintained mainly by Google and a community of individuals and corporations.

It aimed to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) and model–view–viewmodel (MVVM) architectures, along with components commonly used in web applications and progressive web applications.

AngularJS was used as the frontend of the MEAN stack, that consisted of MongoDB database, Express.js web application server framework, AngularJS itself (or Angular), and Node.js server runtime environment.

Installation

Just follow the steps below

  • Update and upgrade Ubuntu system
sudo apt update && sudo apt upgrade

 Install Node.js On Ubuntu

- Advertisement -

After that we will use npm(Node Package Manager) to install AngularJS .

npm is the default package manager for Node.JS on a Linux system. So, will install it on our Ubuntu system.

  • Add the Node.JS repository. Also we will install Node.js 14 on Ubuntu since node.js 16 is not supported by Angular
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
  • Then install node.js on Ubuntu
sudo apt install nodejs -y
  • Confirm your installation by checking the node.js version and npm version as shown below.
node -v
  • The command above will also install npm JavaScript packge manager, So update the npm version.
- Advertisement -
sudo npm install npm@latest -g

Install AngularJS on Ubuntu

  • Install AngulaJS on your system, Install the latest version of AngulaJS on Ubuntu using the below command
sudo npm install -g @angular/cli

The latest version of Angular CLI will be installed on ubuntu 20.04, 21.04 and18.04

  • Check or verify the installed version of Angular by running:
ng version

NOTE:

 You can install a specific version on Angular CLI on Ubuntu.

npm install -g @angular/cli@10    #Angular 10
npm install -g @angular/cli@9     #Angular 9
npm install -g @angular/cli@8     #Angular 8

Create a New Angular Application

  • Now you can use the “ng“command to create a new angular application.

For Example: we will create a demo application called UnixcopVisitors using AngularJS.

ng new UnixcopVisitors

The command creates a directory UnixcopVisitors in the current directory with all the required files for the Angular application.

Angular on Ubuntu 20.04
AngularJS on Ubuntu 20.04

Serve the Angular Application

  • After you created the angular app, go to the app directory then serve your application as shown below.
cd UnixcopVisitors
ng serve

NOTE:

Also you can change the host and port on which the application is running using:

ng serve --host 0.0.0.0 --port 8080

Conclusion

That’s it

We showed you how to install and use AngularJS on Ubuntu 20.04

Thanks….

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Latest articles

Join us on Facebook