How To Install Angular on Fedora 39

In this tutorial, we will show you how to install Angular on Fedora 39. Angular is a popular open-source JavaScript framework for building web applications and interfaces. With its component-based architecture, rich features, and large community, Angular has become a top choice for developers building single-page applications.

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 a Fedora 39.

Prerequisites

Before diving into the installation process, let’s ensure that you have everything you need:

• A server running one of the following operating systems: Fedora 39.
• It’s recommended that you use a fresh OS install to prevent any potential issues.
• You will need access to the terminal to execute commands. Fedora 39 provides the Terminal application for this purpose. It can be found in your Applications menu.
• A network connection or internet access to download the Angular repository.
• 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 on Fedora 39

Step 1. Before diving into the installation process, it’s crucial to ensure your Fedora 39 system is up-to-date. Regular system updates provide the latest features, improve system stability and patch security vulnerabilities. To update your Fedora system, open the terminal and execute the following command:

sudo dnf clean all
sudo dnf update

Step 2. Installing Node.js.

Node.js, a JavaScript runtime built on Chrome‘s V8 JavaScript engine, is a prerequisite for Angular development. It allows developers to run JavaScript on the server side, making it integral to the Angular ecosystem.

To install Node.js on Fedora 39, use the following commands:

sudo dnf install gcc-c++ make
curl -sL https://rpm.nodesource.com/setup_21.x | sudo -E bash -
sudo dnf install nodejs

These commands install the necessary build tools, add the NodeSource repository to your system, and finally install Node.js. To verify the installation, run:

node -v

Step 3. Installing Angular on Fedora 39.

The Angular CLI, a command-line interface tool, simplifies the process of initializing, developing, and maintaining Angular applications. It’s a critical tool for Angular developers, offering commands for generating components, services, modules, and more.

To install Angular CLI on Fedora 39, use the following command:

npm install -g @angular/cli

This command installs Angular CLI globally on your system. To verify the installation, run:

ng --version

Step 4. Creating an Angular Application.

With Angular CLI installed, you can now create an Angular application. The process is straightforward, thanks to the ng new command provided by Angular CLI.

To create a new Angular application, run:

ng new my-app

Replace my-app with the name of your application. This command creates a new directory with the same name as your application and generates a new Angular application inside it.

After creating your Angular application, you can access it using Angular CLI. Navigate to the application’s directory using the cd command:

cd my-app

Then, start the development server with the ng serve command:

ng serve

By default, the Angular development server listens on localhost:4200. Open your web browser and navigate to http://localhost:4200 to view your application.

When you’re ready to deploy your Angular application, you’ll need to build it for production. This process optimizes your application, reducing its size and improving its performance. To build your Angular application for production, use the ng build command with the --prod flag:

ng build --prod

This command creates a dist/ directory in your application’s root directory, containing the built application files ready for deployment.

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