Angular est un framework de développement populaire utilisé pour créer des applications web dynamiques et réactives. Son écosystème riche et ses fonctionnalités avancées en font un choix privilégié pour les développeurs front-end. Dans cet article, nous vous guiderons à travers le processus d’installation d’Angular sur Fedora 39, en fournissant des instructions claires et des exemples de commandes pour rendre ce processus accessible aux débutants, tout en offrant une analyse détaillée pour les utilisateurs plus expérimentés.

Prérequis

Pour installer Angular, vous devez d’abord installer Node.js et npm (Node Package Manager) sur votre système. Node.js est un environnement d’exécution JavaScript côté serveur qui permet de développer des applications web côté serveur, tandis que npm est le système de gestion de paquets pour JavaScript.

Étape 1 : Installation de Node.js et npm

Fedora 39 inclut Node.js et npm dans ses dépôts officiels, ce qui facilite leur installation. Ouvrez un terminal et exécutez la commande suivante pour installer à la fois Node.js et npm :

sudo dnf install nodejs npm -y

Cette commande installe la dernière version de Node.js et npm disponibles dans les dépôts Fedora.

Étape 2 : Vérification de l’installation de Node.js et npm

Après l’installation, vérifiez que Node.js et npm sont correctement installés en affichant leurs versions :

node --version
npm --version

Ces commandes doivent afficher les versions de Node.js et npm, confirmant ainsi leur installation réussie.

Étape 3 : Installation du CLI Angular

Avec Node.js et npm installés, vous pouvez maintenant installer le CLI (Command Line Interface) Angular, qui est un outil puissant permettant de créer et de gérer des projets Angular. Exécutez la commande suivante pour installer le CLI Angular globalement sur votre système :

sudo npm install -g @angular/cli

L’option -g signifie que le CLI Angular sera installé globalement, vous permettant de l’utiliser pour créer des projets Angular dans n’importe quel répertoire sur votre système.

Étape 4 : Création d’un nouveau projet Angular

Avec le CLI Angular installé, vous pouvez commencer à développer des applications Angular. Créez un nouveau projet Angular en exécutant :

ng new mon-app-angular

Remplacez mon-app-angular par le nom de votre choix pour le projet. Cette commande crée un nouveau dossier contenant tous les fichiers nécessaires pour votre application Angular, y compris une configuration par défaut pour un projet de démarrage rapide.

Étape 5 : Démarrage du serveur de développement Angular

Naviguez dans le dossier de votre projet Angular et démarrez le serveur de développement :

cd mon-app-angular
ng serve

Le CLI Angular compilera votre application et démarrera un serveur de développement. Ouvrez votre navigateur et accédez à http://localhost:4200 pour voir votre nouvelle application Angular en action.

Pour les développeurs cherchant une plateforme d’hébergement fiable et performante pour leurs projets Angular, les services Cloud VPS de Shape.host offrent une solution optimale. Nos VPS Linux SSD sont conçus pour fournir la puissance et la flexibilité nécessaires pour développer, tester et déployer efficacement des applications Angular, garantissant une expérience utilisateur optimale et une gestion de projet fluide.