How to Install and Use Angular CLI on CentOS/RHEL 8/7

Angular is an frameworks, libraries, assets, and utilities. It keeps track of all the components and checks regularly for their updates. This tutorial will help you to install the Angular CLI tool on CentOS 8/7/6 and RHEL 8/7/6 Linux operating systems.

Step 1 – Install Node.js

First of all, you need to install node.js on your system. Use the following set of commands to configure node.js yum repository in your CentOS system and install it.

curl -sL https://rpm.nodesource.com/setup_20.x | sudo -E bash - 
sudo yum install nodejs 

Make sure you have successfully installed node.js and NPM on your system

node --version 
npm --version 

Step 2 – Install Angular/CLI

After installation of node.js and npm on your system, use the following commands to install the Angular CLI tool on your system.

npm install -g @angular/cli 

This will install the latest available Angular CLI version on your system. To install specific Angular version run command as following with version number. To install Angular 17 type:

npm install -g @angular/cli@17 

Or to install Angular 16, type:

npm install -g @angular/cli@16 

Using the -g above command will install the Angular CLI tool globally. So it will be accessible to all users and applications on the system. Angular CLI provides a command ng used for command-line operations. Let’s check the installed version of ng on your system.

ng --version

Output:

    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 17.0.8
Node: 20.10.0
Package Manager: npm 10.2.3
OS: linux x64

Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1700.8 (cli-only)
@angular-devkit/core         17.0.8 (cli-only)
@angular-devkit/schematics   17.0.8 (cli-only)
@schematics/angular          17.0.8 (cli-only)

Step 3 – Create New Angular Application

Now, create a new application named hello-angular4 using the Angular CLI tools. Execute the commands to do this:

ng new hello-angular 

On successful execution you will see a message “Packages installed successfully” at the end. This will create a directory named hello-angular in your current directory containing application files.

Step 4 – Serve Angular Application

Your basic Angular application is ready to serve. Change directory to hello-angular4 and run your Angular application using ng serve command.

cd hello-angular 
ng serve 

You can access your angular application on localhost port 4200, Which is the default host and port used by Angular application.

• http://localhost:4200

You can change host and port for running Angular application by providing --host and --port command line arguments.

ng serve --host 0.0.0.0 --port 8080 

The host address “0.0.0.0” listens application on all interfaces and allow application accessible over the network.

Conclusion

Successfully installing and using Angular CLI on CentOS/RHEL 8/7 marks a significant step forward in your web development journey. With Angular CLI now a part of your development toolkit, you are well-equipped to embark on creating sophisticated, efficient, and modern web applications. The simplicity and efficiency of Angular CLI streamline your development process, allowing you to focus more on the creative aspects of your projects.