How to Install Angular CLI on Linux
Abstract: we will explain how to install Angular command-line tool on a Linux system and learn some basic examples of this tool. Installing Node.js in Linux To
Angular is an open-source, popular and highly-extensible front-end application development framework, used for building mobile and web applications using TypeScript/JavaScript and other common languages. Angular is an umbrella term for all Angular versions that come after AngularJS (or Angular version 1.0) including Angular 2, and Angular 4.
Angular is well suited for building small to large scale applications from scratch. One of the key components of the Angular platform to aid application development is the Angular CLI utility – it is a simple and easy-to-use command-line tool used to create, manage, build and test Angular applications.
Read Also: How to Run Angular Apps Using Angular CLI and PM2
In this article, we will explain how to install Angular command-line tool on a Linux system and learn some basic examples of this tool.
Installing Node.js in LinuxTo install Angular CLI, you need to have the latest version of Node.js and NPM installed on your Linux system.
Install Node.js on Ubuntu$ sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - [for Node.js version 12] $ sudo curl -sL https://deb.nodesource.com/setup_11.x | sudo -E bash - [for Node.js version 11] $ sudo curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash - [for Node.js version 10] $ sudo apt install -y nodejsInstall Node.js on Debian
# curl -sL https://deb.nodesource.com/setup_12.x | bash - [for Node.js version 12] # curl -sL https://deb.nodesource.com/setup_11.x | bash - [for Node.js version 11] # curl -sL https://deb.nodesource.com/setup_10.x | bash - [for Node.js version 10] # apt install -y nodejsInstall Node.js on CentOS/RHEL & Fedora
# curl -sL https://rpm.nodesource.com/setup_12.x | bash - [for Node.js version 12] # curl -sL https://rpm.nodesource.com/setup_11.x | bash - [for Node.js version 11] # curl -sL https://rpm.nodesource.com/setup_10.x | bash - [for Node.js version 10] # yum -y install nodejs # dnf -y install nodejs [On RHEL 8 and Fedora 22+ versions]
Also, to compile and install native add-ons from NPM you may need to install development tools on your system as follows.
$ sudo apt install -y build-essential [On Debian/Ubuntu] # yum install gcc-c++ make [On CentOS/RHEL] # dnf install gcc-c++ make [On RHEL 8/Fedora 22+]Installing Angular CLI in Linux
Once you have Node.js and NPM installed, as shown above, you can install Angular CLI using the npm package manager as follows (the -g
flag means to install the tool system-wide to be used by all system users).
# npm install -g @angular/cli OR $ sudo npm install -g @angular/cliInstall Angular CLI in Linux
You can launch the Angular CLI using the ng
executable which should now be installed on your system. Run the following command to check the version of Angular CLI installed.
# ng --versionCheck Version of ng Creating an Angular Project Using Angular CLI
In this section, we will show how to create, build, and serve a new, basic Angular project. First, move into the webroot directory of your server, then initialize a new Angular application as follows (remember to follow the prompts):
# cd /var/www/html/ # ng new tecmint-app #as root OR $ sudo ng new tecmint-app #non-root userCreate New Angular App
Next, move into the application directory which has just been created and serve application as shown.
# cd tecmint-app # ls #list project files # ng serveServe Angular App
Before you can access your new app from a web browser, if you have a firewall service running, you need to open port 4200 in the firewall configuration as shown.
---------- On CentOS/RHEL/Fedora ---------- # firewall-cmd --permanent --zone=public --add-port=4200/tcp # firewall-cmd --reload ---------- On Ubuntu/Debian ---------- $ sudo ufw allow 4200/tcp $ sudo ufw reload
Now you can open a web browser and navigate using the the following address to see the new app run as shown in the following screenshot.
http://localhost:4200/ or http://SERVER_IP:4200Access Your New Angular App
Note: If you use the command ng
serve to build an application and serve it locally, as shown above, the server automatically rebuilds the app and reloads the web page(s) when you change any of the source files.
For more information concerning the ng tool, run the following command.
# ng help
The Angular CLI Homepage: https://angular.io/cli
In this article, we have shown how to install Angular CLI on different Linux distributions. We also covered how to build, compile and server a basic Angular application on a development server. For any queries or thoughts, you want to share with us, use the feedback form below.