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.
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:
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___| |___/ 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
..... ...... 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:
Once you run the command, your Angular application gets launched on the default
You can also change the host and port for your Angular application by providing
–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.
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
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.