This article assumes you have at least basic knowledge of Linux, know how to use the shell, and most importantly, you host your site on your own VPS. The installation is quite simple and assumes you are running in the root account, if not you may need to add ‘
sudo‘ to the commands to get root privileges. I will show you the step-by-step installation of Angular on an Ubuntu 18.04 (bionic beaver).
- A server running one of the following operating systems: Ubuntu 18.04 (bionic beaver).
- It’s recommended that you use a fresh OS install to prevent any potential issues.
- SSH access to the server (or just open Terminal if you’re on a desktop).
non-root sudo useror access to the
root user. We recommend acting as a
non-root sudo user, however, as you can harm your system if you’re not careful when acting as the root.
Install Angular on Ubuntu 18.04 LTS Bionic Beaver
Step 1. First, make sure that all your system packages are up-to-date by running the following
apt-get commands in the terminal.
sudo apt update sudo apt upgrade
Step 2. Installing NodeJs and NPM.
To install Angular on Ubuntu 18.04 we first need to install NodeJs and the Node Package Manager (NPM):
curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash - sudo apt-get install -y nodejs
Then install NPM:
sudo npm install npm@latest -g
Step 3. Installing Angular on Ubuntu.
We will now install the Angular CLI using NPM:
npm install -g @angular/cli
The Angular CLI makes use of git to pull down required modules so we need to make sure we have git configured. If you have not configured the git user name and email then run the following commands to do so:
git config --global user.email "firstname.lastname@example.org" git config --global user.name "ramona"
Step 4. Creating a new Angular Application.
Now that we have Angular installed we can create a basic scaffolding for a new application. We will use our newly installed Angular CLI to accomplish this:
ng new idroot
First, change into the newly created directory for our application:
We can run our application easily using the NPM command:
You will see a link in the output that tells you how to view your application:
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
Congratulations! You have successfully installed Angular. Thanks for using this tutorial for installing Angular in Ubuntu 18.04 bionic beaver system. For additional help or useful information, we recommend you check the official Angular website.