Les sites Web modernes et dynamiques nécessitent de nombreuses fonctionnalités, menus et widgets pour rendre le site Web convivial et atteindre le marché parfait. Quel que soit l’outil que vous utilisez pour créer votre site Web, javascript est toujours nécessaire pour tracer la ligne d’arrivée. Pendant que nous parlons de javascript, nous ne pouvons pas ignorer le framework Angular. En fait, pas question de faire l’impasse sur l’application Angular. De nos jours, la CLI Angular est la méthode la plus populaire pour exécuter l’application Angular sur un framework Web. Vous pouvez facilement installer et configurer la CLI angulaire sur toutes les distributions Linux. De plus, la CLI angulaire est le moyen le plus populaire et le plus efficace de maintenir le back-end de Javascript.
Il fut un temps où les développeurs Web utilisaient Angular basé sur l’interface graphique pour javascript. Mais avec le temps, la programmation s’est aussi beaucoup développée. En conséquence, l’interface utilisateur graphique basée sur Angular n’est plus utilisée par les développeurs pour maintenir le framework javascript. Les développeurs et les recruteurs recherchent maintenant ceux qui ont une bonne maîtrise de l’Angular CLI (Command Line Interface).
CLI angulaire sous Linux
Comme Angular est un outil multiplateforme, le CLI angulaire joue un rôle très important dans le développement d’applications front-end, mobiles et de bureau. Il est plus rapide que l’Angular basé sur l’interface graphique sur toutes les plates-formes. Vous pouvez utiliser la CLI angulaire pour la réutilisation du code, augmenter la vitesse de chargement et améliorer les performances. De plus, les développeurs se sentent à l’aise de travailler sur la CLI angulaire en raison de son interface de ligne de commande, qui est plus rapide et facilement exécutable.
Comme Linux est bien connu pour ses performances rapides et ne nécessite pas de maintenance élevée, la CLI angulaire fonctionne parfaitement sur toutes les distributions Linux. Les problèmes de CPU, de mémoire et d’autres problèmes de compatibilité matérielle sont rarement rencontrés sous Linux lors de l’installation de la CLI angulaire. Dans cet article, nous apprendrons comment installer la CLI angulaire sur différentes distributions Linux.
L’utilisation de la CLI Angular au lieu de l’Angular graphique n’améliore pas seulement vos performances, elle a plutôt la capacité subtile de rendre votre code propre et professionnel. Dans cet article, nous verrons comment installer la CLI angulaire sur différentes distributions Linux.
1. Installez Angular CLI sur Debian et Ubuntu Linux
Sur Ubuntu et d’autres systèmes Debian Linux, l’installation de la CLI angulaire est assez simple et directe. Tout d’abord, tout ce que vous avez à faire est d’installer le gestionnaire de version de nœud (NVM) sur votre machine Ubuntu. Plus tard, nous utiliserons l’outil NVM pour installer la CLI angulaire sur Ubuntu.
Étape 1 : Installer NVM sur Ubuntu
Tout d’abord, exécutez la commande aptitude suivante donnée ci-dessous pour mettre à jour vos référentiels de packages. Exécutez ensuite la commande cURL pour télécharger le script bash NVM. Si vous n’avez pas installé cURL dans votre système, installez d’abord cURL.
sudo apt-get install curl sudo apt update curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash
Maintenant, exécutez ce qui suit bashrc et la commande NVM pour installer l’outil de gestion de version de nœud dans votre système Linux.
source ~/.bashrc nvm install node
Étape 2 : Installer Angular CLI via NPM
Jusqu’à présent, nous avons installé avec succès l’outil NVM sur notre système Debian. Enfin, nous sommes sur le point d’installer la CLI angulaire sur notre système Ubuntu. Ici, je vais installer la dernière version de Angular CLI sur notre système Linux. Exécutez la commande suivante du gestionnaire de packages de nœuds (NPM) indiquée ci-dessous pour installer la dernière version globale de Angular CLI sur votre système Ubuntu Linux.
npm install -g @angular/cli
Si vous souhaitez installer une autre version précédente d’Angular CLI, vous pouvez exécuter l’une des lignes de commande suivantes indiquées ci-dessous. Le numéro de version est mentionné juste après le @ symbole.
npm install -g @angular/cli@8 npm install -g @angular/cli@9 npm install -g @angular/cli@10
Une fois l’installation de Angular CLI terminée, vous pouvez maintenant vérifier la version de votre Angular CLI pour vous assurer que l’outil est installé avec succès sur votre machine.
ng --version
Si vous êtes un débutant dans la CLI angulaire, vous exécutez la commande d’aide suivante pour avoir une idée des syntaxes de la CLI angulaire.
ng –help
Étape 3 : Supprimer Angular CLI d’Ubuntu
Certaines raisons ou erreurs peuvent vous amener à désinstaller la CLI angulaire de votre Linux Ubuntu. Maintenant, pour supprimer la CLI angulaire de votre machine Debian et Ubuntu, vous pouvez exécuter les lignes de commande suivantes indiquées ci-dessous.
npm uninstall -g angular-cli npm uninstall -g @angular/cli npm cache clean npmcache clean --force
2. Installez Angular CLI sur Fedora et RedHat
L’installation de la CLI angulaire sur les systèmes basés sur Red Hat Linux n’est pas une tâche difficile. Vous devez savoir comment cela fonctionne et quelles sont les conditions préalables à l’installation de la CLI angulaire. Comme nous travaillons sur le Javascript, nous devons nous assurer que le javascript est entièrement fonctionnel sur notre système Red Hat Linux. Ici, j’utilise Fedora Linux pour démontrer la procédure ; vous pouvez exécuter les étapes suivantes sur n’importe quel système Linux basé sur Red Hat.
Étape 1 : Installer NodeJS sur Fedora et RedHat Linux
Pour installer la CLI angulaire sur notre Red Hat et Fedora Linux, nous devons installer le NodeJS sur notre système. Les outils NodeJS et NPM constitueront un environnement parfait pour la CLI angulaire. Maintenant, exécutez la commande cURL suivante dans votre terminal Linux pour obtenir les outils NodeJS et NPM. Assurez-vous que le CURL est installé dans votre système.
curl -sL https://rpm.nodesource.com/setup_12.x | sudo -E bash -
Maintenant, exécutez la commande YUM suivante pour terminer l’installation de NodeJS. La commande YUM fonctionne à la fois sur Fedora et Red Hat Linux.
sudo yum install nodejs
Vous pouvez maintenant exécuter les lignes de commande suivantes indiquées ci-dessous pour vous assurer que le NODE et le NPM sont installés correctement sur votre système ou non.
node --version npm --version
Étape 2 : Installer Angular CLI sur Fedora et Red Hat Linux
Comme nous avons installé l’outil NPM sur notre système Linux, nous allons maintenant utiliser les commandes NPM pour installer la CLI angulaire. L’installation de la CLI angulaire via le NPM est une tâche très simple. Vous devez exécuter la commande NPM suivante donnée ci-dessous sur votre terminal Linux pour installer la dernière version globale de Angular CLI sur votre système Linux.
sudo npm install -g @angular/cli
Si vous devez installer une autre version plus ancienne d’Angular CLI sur votre système, vous pouvez exécuter l’une des lignes de commande suivantes indiquées ci-dessous sur votre terminal. Les numéros de version sont attribués juste après le @ pancarte.
npm install -g @angular/cli@9 npm install -g @angular/cli@8 npm install -g @angular/cli@7
Maintenant, une fois l’installation de Angular CLI terminée, nous pouvons vérifier la version de Angular CLI pour nous assurer que le package est installé avec succès dans notre machine.
ng –version
3. CLI angulaire sur Arch Linux
Comme nous le savons tous, l’installation de packages sur Arch et Linux basé sur Arch est un peu différente de toute autre distribution Linux. il n’y a pas d’exception ici non plus. Dans ce cas, nous devons d’abord installer le NodeJS dans notre système Arch Linux. Ensuite, nous installerons l’outil NPM sur notre système.
Étape 1 : Installer NodeJS et NPM sur Arch Linux
Ici, j’utilise Manjaro Linux pour démontrer l’installation de la CLI angulaire sur Arch Linux. Toutes les lignes de commande fonctionneraient sans problème sur toutes les autres distributions Linux basées sur Arch. Maintenant, exécutez les lignes de commande Pacman ci-dessous pour installer Nodejs et NPM sur votre Arch Linux.
sudo pacman -Syyu nodejs sudo pacman -S npm
Ensuite, exécutez la ligne de commande ci-dessous pour mettre à jour votre environnement de gestionnaire de packages de nœud (NPM). Ici le -g La syntaxe symbolise que la version globale de NPM est en cours d’installation et de mise à jour.
npm update -g
Une fois l’installation terminée, vous pouvez maintenant exécuter les lignes de commande suivantes indiquées ci-dessous pour vérifier les versions de Node et NPM afin de vous assurer que NODE et NMP sont installés avec succès dans votre système Arch Linux.
node -v nmp -v
Étape 2 : Installer Angular CLI sur Arch Linux
Comme nous avons installé le NodeJS et le NPM sur notre système Arch Linux, maintenant, dans cette étape, nous utiliserons la commande NPM pour installer la CLI Angular sur notre système Arch Linux. Exécutez la ligne de commande ci-dessous pour installer la dernière version globale de Angular CLI sur votre système Arch Linux.
sudo npm install -g @angular/cli
Enfin, lorsque l’installation d’Angular CLI est terminée, vous pouvez maintenant exécuter ce qui suit ng sur votre terminal Linux pour vous assurer que la CLI angulaire est correctement installée sur votre système Arch Linux.
ng version
Si vous êtes plus intéressé par la CLI angulaire sur Arch Linux, vous pouvez visiter ce lien pour trouver plus d’informations sur la CLI angulaire sur Arch Linux.
Premiers pas avec la CLI angulaire
Enfin, nous avons installé avec succès la CLI angulaire sur nos distributions Linux. Maintenant, il est temps de faire un tour. Avant de faire quoi que ce soit, nous devrions ajouter le port angulaire dans la règle de pare-feu. Si vous utilisez le pare-feu UFW, exécutez les commandes suivantes pour ajouter le port 4200 dans la liste des pare-feu.
sudo ufw enable sudo ufw allow 4200/tcp sudo ufw reload
Si vous utilisez Fedora, Red Hat Linux et d’autres distributions Linux, vous utilisez la commande Firewalld pour activer le port 4200 pour votre environnement. Tout d’abord, activez le Firewalld sur votre système Linux.
systemctl status firewalld systemctl enable firewalld sudo firewall-cmd --reload
Maintenant, ajoutez la règle aux paramètres Firewalld. Redémarrez ensuite le système CLI angulaire.
firewall-cmd --add-port=4200/tcp firewall-cmd --list-all
Maintenant, assurez-vous que le serveur localhost est fonctionnel sur votre système Linux. Ensuite, tapez l’URL indiquée ci-dessous dans la barre d’adresse de votre navigateur Web, puis appuyez sur le bouton Entrée. Pour éviter tout conflit au niveau du serveur, assurez-vous que les serveurs Apache et Nginx ne sont pas installés sur la même machine.
http://localhost/4200
Derniers mots
Si vous êtes un développeur javascript, vous savez peut-être que la CLI angulaire est très demandée dans le monde de la programmation. De plus, comme la CLI angulaire peut être utilisée sur n’importe quelle plate-forme, elle est très demandée dans tous les secteurs de la programmation. L’utilisation de l’interface de ligne de commande angulaire au lieu de l’angle graphique n’améliore pas seulement vos performances, elle a plutôt la capacité subtile de rendre votre code propre et professionnel.
Dans cet article, j’ai décrit comment vous pouvez installer NodeJS et NPM sur votre système Linux, et plus tard, vous pouvez installer la CLI angulaire via l’outil NPM. Comme les utilisateurs Linux sont plus à l’aise avec l’interface basée sur la ligne de commande, il serait donc sans aucun doute facile d’apprendre et d’appliquer la CLI angulaire pour les utilisateurs Linux.
Si vous aimez cet article, partagez-le avec vos amis et la communauté Linux. Vous pouvez également écrire tout commentaire concernant ce message dans la section des commentaires.
