Angular is a TypeScript/JavaScript-based open-source mobile and desktop web application framework created by the Angular team at Google. It is a complete rewrite from the same team that built AngularJS. It is well suited for building small to large scale mobile and web applications from scratch. In this guide, we will learn how to install Angular on Ubuntu.
Prerequisites
Updating System Packages
It is always recommended that you have the latest packages updated on your server. To update the system packages, run:
sudo apt-get update && sudo apt-get upgrade
How to Install Angular on Ubuntu Server in 5 Simple Steps
Step #1: Install Node.js
First of all, you need to install Node.js on your server. Node.js is one of the most popular and beloved web technologies today. It is used by many web developers to increase the functionality of the mobile and desktop web application.
If you already have Node.js installed on your server, you can skip to the next step.
To install Node.js, use the following set of commands to add node.js PPA in your Ubuntu server.
sudo apt install python-software-properties
curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt install nodejs
You will also need to install npm, the Node.js package manager. You can do this by typing:
sudo apt install npm
Run the following command and make sure you have successfully installed Node.js and NPM on your server.
node --version
npm --version
Step #2: Install Angular/CLI
In this step, we will install an Angular/CLI tool on our server. We will install the Angular/CLI with the help of the Node Package Manager (NPM) that we installed earlier in the first step.
npm install -g @angular/cli
Once you hit enter, the latest version of Angular/CLI will be installed on your server. If you are looking to install some other version of Angular/CLI, you can specify the Angular version. For example:
npm install -g @angular/cli@6 #Angular 6
npm install -g @angular/cli@7 #Angular 7
npm install -g @angular/cli@8 #Angular 8
npm install -g @angular/cli@9 #Angular 9
In the command above -g stands for global. So if you include -g in your command, then the Angular/CLI will be installed globally. Which means, it will be accessible to the all users and applications present on your server.
Angular/CLI provides you a command ng. It helps you to manage command-line operations. So let’s check the installed version of ng on your server by typing:
ng --version
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
Angular CLI: 9.0.5
Node: 12.16.1
OS: linux x64
Angular:
...
Package Version
------------------------------------------------------
@angular-devkit/architect 0.900.5
@angular-devkit/core 9.0.5
@angular-devkit/schematics 9.0.5
@schematics/angular 9.0.5
@schematics/update 0.900.5
rxjs 6.5.3
Checkout the official page for CLI Overview and Command Reference.
Step #4: Creating new Angular Project
Let’s create a new Angular project by the name test-project. To create that, run the following command:
ng new test-project
Output:
..... ...... added 1167 packages from 1048 contributors and audited 19053 packages in 72.14s 23 packages are looking for funding run `npm fund` for details found 0 vulnerabilities Successfully initialized git.
Step #5: Running Angular Application
Now navigate to the test-project and run the application using ng serve command:
cd test-project
ng serve
Once you run the command, your Angular application gets launched on the default port 4200.http://localhost:4200
You can also change the host and port for your Angular application by providing –host and –port command line arguments.
ng serve --host 0.0.0.0 --port 8080
The IP address 0.0.0.0 listens on all interfaces and can be accessed publicly.
For more information related to the ng tool, run the following command.
ng help
You may also like:
- How to Install MongoDB on Ubuntu 18.04 LTE
- How to Install LEMP on CentOS 7: 5 Easy Steps
- How to Install Nginx on CentOS 7: 4 Easy Steps
- How To Install NGINX on Ubuntu 18.04
Conclusion
You have successfully installed an Angular/CLI on Ubuntu and created a test application.
I hope you will find this tutorial on how to install Angular on Ubuntu useful. Do share your views in the comment section below.
How to Install LAMP on CentOS 7