How To Install Angular CLI on Fedora 35

In this tutorial, we will show you how to install Angular CLI on Fedora 35. For those of you who didn’t know, AngularJS is a JavaScript framework that is used to develop web apps. It has MVC (Model-View-Controller) architecture. Angular CLI is used in Angular projects to automate tasks rather than perform them manually. Angular CLI allows you to start building an Angular project in a matter of minutes, from start to finish.

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 the Angular CLI on a Fedora 35.

Prerequisites

• A server running one of the following operating systems: Fedora 34 or Fedora 35.
• It’s recommended that you use a fresh OS install to prevent any potential issues.
• A non-root sudo user or 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 CLI on Fedora 35

Step 1. Before proceeding, update your Fedora operating system to make sure all existing packages are up to date. Use this command to update the server packages:

sudo dnf upgrade
sudo dnf update

Step 2. Installing Node.js.

To install the Angular CLI on Fedora Linux, we need to install the NodeJS on our system. Run the following command below to install it:

sudo dnf module install nodejs:16/development

Once the installation is completed, you can check the installed Node.js version on your Fedora system by running the following command:

node -v
npm -v

Step 3. Installing Angular CLI on Fedora 35.

By default, Angular is available on Fedora 35 base repository. Now run the following command below to install the Angular CLI to your Fedora system:

sudo npm install -g @angular/cli

The above command will install the latest version of Angular CLI. So if you need to install any specific version, just use the below commands with a version number:

npm install -g @angular/cli@9
npm install -g @angular/cli@8
npm install -g @angular/cli@7

Verify Angular CLI installation and version using the following command:

ng --version

Output:

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

Angular CLI: 10.4.5
Node: 16.18.3
OS: linux x64

Step 4. Create Angular App with the CLI.

Once successfully installed, to create, build, and serve a new, basic Angular project on a development server, go to the parent directory of your new workspace use the following commands:

ng new my-first-project
cd my-first-project
ng serve

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

http://your-IP-address:4200

Step 5. Configure Firewall.

By default, the firewall is enabled on Fedora Linux. Now we open ports 4200 to allow HTTP traffic:

sudo firewall-cmd --add-port=4200/tcp
sudo firewall-cmd --reload

Congratulations! You have successfully installed Angular. Thanks for using this tutorial for installing the Angular web framework on your Fedora 35 system. For additional help or useful information, we recommend you check the official Angular website.