Une plate-forme JavaScript librement accessible pour créer des applications dynamiques s'appelle Angular.js. Il vous permet de représenter chaque aspect de votre application rapidement et sans ambiguïté en étendant la syntaxe HTML lorsqu'il est utilisé comme langage de modèle. Il fournit un ensemble d'outils pour écrire, mettre à jour et tester un code. Il offre une multitude de fonctionnalités, notamment le routage et la gestion des formulaires. Ce guide explique la méthode pour installer Angular sur Ubuntu 24 en passant par l'installation de Node.js.
Mettre à jour et mettre à niveau le système
Avant de passer aux installations, commençons par la mise à jour du système. Il est nécessaire de mettre à jour le système Ubuntu 24 car il doit prendre effet prochainement sur les nouvelles installations sans aucun problème. Ainsi, nous utilisons les instructions de mise à jour et de mise à niveau dans une seule commande qui est exécutée à l'aide d'un utilitaire « apt ».
Mise à jour sudo appropriée && sudo mise à niveau appropriée
Après avoir exécuté cette instruction, le système alloue l'espace défini au processus de mise à niveau et de mise à jour et vous demande de le confirmer en appuyant sur « y » ou « n ». Par conséquent, vous devez appuyer sur « y » pour terminer ce processus de mise à jour, comme illustré ci-dessous. Après un certain temps, notre système sera mis à jour et mis à niveau avec succès.
Installer les dépendances
L'installation d'Angular et de Node.js dépend également de certains autres utilitaires. Ces dépendances incluent git, wget, curl et bien d'autres. Nous devons donc installer ces dépendances au préalable. Pour l'installation de ces dépendances, nous utilisons le même utilitaire « apt » dans le shell de commande et attendons que toutes les dépendances soient installées avec succès.
sudo apte installer curl gnupg2 gnupg git wget -et
Installer Node.js
Les applications Angular ne peuvent pas fonctionner sans Node.js, qui est la principale exigence. Par conséquent, il est nécessaire d'installer Node.js avant de passer à l'installation d'Angular sur Ubuntu 24. De plus, Node.js nécessite l'utilitaire de ligne de commande NVM pour son installation. Nous utilisons donc l'utilitaire « curl » dans le shell du terminal pour installer d'abord l'utilitaire NVM à partir du référentiel officiel Github. Vous pouvez voir qu'après l'exécution de cette instruction, l'utilitaire NVM a été téléchargé et installé.
Boucle sudo https : // raw.githubusercontent.com / créationix / nvm / maître / installer.sh | frapper
Désormais, l'activation de l'environnement NVM sur le système Ubuntu 24 Linux est également nécessaire. Nous exécutons donc le fichier « bashrc » en utilisant l'instruction source afin que le système puisse obtenir les effets de l'utilitaire NVM nouvellement installé et définir l'environnement.
Origine ~ / .bashrc
Après avoir créé un environnement, le système Ubuntu 24 est prêt à installer Node.js de son côté. Pour cela, nous utilisons l'utilitaire « nvm » nouvellement installé dans les instructions d'installation utilisées dans le shell du terminal. À l'aide de cette instruction, nous installons la dernière version de Node.js 18 sur notre système Ubuntu. De plus, l'outil NVM installe le gestionnaire de packages de nœuds avec Node.js. Le traitement commence par le téléchargement et l'installation de la version 18.19.1 du nœud depuis le site officiel. Après cela, il calcule la somme de contrôle et crée un alias par défaut.
Nvm installer 18
Après l'installation réussie de Node.js, nous devons vérifier qu'il a été installé et monté sur notre système. Pour cela, nous devons vérifier sa version installée à l'aide de la commande « version » commençant par le mot-clé « node ». De plus, l'instruction d'installation NVM précédente a installé le NPM (Node Package Manager) avec Node.js. Par conséquent, nous devons également rechercher la version NPM. Le résultat des deux commandes affiche les versions comme illustré dans l'image ci-jointe suivante :
Nœud -dansNpm -dans
Installer la CLI angulaire
Il est temps de passer aux dernières étapes d'installation de l'interface de ligne de commande Angular après avoir installé toutes les dépendances, y compris NPM et Node.js. Pour cela, nous utilisons le NPM (node package manager) dans le shell du terminal d'Ubuntu 24.
Vous pouvez utiliser les droits sudo pour l'exécution de cette instruction d'installation. Cette commande inclut le lien vers le package officiel d'Angular CLI. L'indicateur « -location » est défini pour ajouter la CLI angulaire au niveau global pour le système Ubuntu 24 qui est accessible à tous les utilisateurs de la plate-forme actuelle.
Npm installer @ angulaire / cl – emplacement =mondial
Il serait utile d'attendre un moment jusqu'à ce que le traitement de Angular CLI soit terminé. Après quelques traitements, les packages Angular CLI sont ajoutés et installés avec succès. En retour, vous obtiendrez le résultat suivant sur l'écran de votre terminal, qui contient 232 packages ajoutés en 2 minutes :
Il est maintenant temps de vérifier l’installation d’Angular CLI. Il est livré avec la commande « ng » qui permet d'exécuter les commandes sur Angular CLI. Cherchons donc la version installée de la commande « ng ». Après avoir répondu à certaines des questions sur l'exécution de cette commande de version, nous obtiendrons le résultat suivant qui contient également les informations concernant la version d'Angular, Node, NPM et OS. Il y a également un affichage d'informations concernant les packages et leurs versions installées à la fin.
De la version
Créer une application angulaire
Il est temps d'utiliser Angular CLI pour créer une nouvelle application Angular sur Ubuntu 24. Tout comme nous avons utilisé l'instruction « ng » pour vérifier la version d'Angular CLI, nous l'utiliserons également pour créer une nouvelle application nommée « test » avec le mot-clé « nouveau ». L'exécution a lieu avec quelques questions posées. Il serait utile que vous répondiez à ces questions selon vos préférences, et les packages de votre nouvelle application seront installés avec succès.
Du nouveau test
Au bout d'un moment, une nouvelle application Angular nommée « test » est créée. Un nouveau répertoire « test » est généré dans notre répertoire de travail, comme illustré par la sortie ci-jointe suivante :
Après avoir créé une application angulaire « test », nous devons également l'exécuter. Pour cela, déplacez-vous dans le répertoire « test » et utilisez l'utilitaire « ng » pour exécuter la commande « serve ».
CD testDe servir
Vous pouvez également utiliser la même commande pour définir le port 4200 pour toutes les interfaces système en définissant l'hôte sur 0.0.0.0.
De service –hôte 0.0.0.0 –port 4200
Conclusion
Ce guide montre comment un environnement angulaire peut être utilisé pour créer n'importe quelle application. Soutenant l'idée, nous avons démontré la méthode pour installer Angular sur Ubuntu 24 après l'installation et la configuration de Node.js et NPM. Enfin, nous avons expliqué comment créer une application angulaire dans Ubuntu 24 en utilisant Angular CLI.