Comment installer une CLI angulaire sur Linux

Angulaire est un cadre de développement d'applications frontal open-source, populaire et hautement comprimé, utilisé pour créer des applications mobiles et Web en utilisant Manuscrit/ /Javascrip et d'autres langues communes.

Angulaire est un terme parapluie pour tous Angulaire versions qui viennent après Angularjs (ou version angulaire 1.0) y compris Angulaire 2, et Angulaire 4.

Angulaire est bien adapté pour construire des applications petites à grande à grande échelle à partir de zéro. L'un des composants clés du Angulaire La plate-forme pour aider le développement des applications est le CLI angulaire Utilitaire - Il s'agit d'un outil de ligne de commande simple et facile à utiliser utilisé pour créer, gérer, créer et tester les applications angulaires.

[Vous pourriez également aimer: comment exécuter des applications angulaires en utilisant Angular CLI et PM2]

Dans cet article, nous expliquerons comment installer le Angulaire outil de ligne de commande sur un système Linux et apprenez quelques exemples de base de cet outil.

Installation de nœud.JS dans Linux

À installer CLI angulaire, Vous devez avoir la dernière version de Node.JS et NPM installés sur votre système Linux.

Installer le nœud.js sur Ubuntu

------------- Pour nœud.JS V19.X ------------- $ curl -fssl https: // deb.nœud.com / setup_19.X | sudo -e bash - && \ $ sudo apt-get install -y nodejs ------------- Pour nœud.JS V18.X ------------- $ curl -fssl https: // deb.nœud.com / setup_18.X | sudo -e bash - && \ $ sudo apt-get install -y nodejs ------------- Pour nœud.JS V16.X ------------- $ curl -fssl https: // deb.nœud.com / setup_16.X | sudo -e bash - && \ $ sudo apt-get install -y nodejs ------------- Pour nœud.JS V14.X ------------- $ curl -fssl https: // deb.nœud.com / setup_14.X | sudo -e bash - && \ $ sudo apt-get install -y nodejs 

Installer le nœud.JS sur Debian

------------- Pour nœud.JS V19.X ------------- $ curl -fssl https: // deb.nœud.com / setup_19.X | bash - && \ $ sudo apt-get install -y nodejs ------------- Pour nœud.JS V18.X ------------- $ curl -fssl https: // deb.nœud.com / setup_18.X | bash - && \ $ sudo apt-get install -y nodejs ------------- Pour nœud.JS V16.X ------------- $ curl -fssl https: // deb.nœud.com / setup_16.X | bash - && \ $ sudo apt-get install -y nodejs ------------- Pour nœud.JS V14.X ------------- $ curl -fssl https: // deb.nœud.com / setup_14.X | bash - && \ $ sudo apt-get install -y nodejs 

Installer le nœud.JS sur Rhel, Centos, Fedora, Rocky & Alma Linux

------------- Pour nœud.JS V19.X ------------- $ curl -fssl https: // rpm.nœud.com / setup_19.X | sudo bash - $ sudo yum install -y nodejs ------------- Pour nœud.JS V18.X ------------- $ curl -fssl https: // rpm.nœud.com / setup_18.X | sudo bash - $ sudo yum install -y nodejs ------------- Pour nœud.JS V16.X ------------- $ curl -fssl https: // rpm.nœud.com / setup_16.X | sudo bash - $ sudo yum install -y nodejs ------------- Pour nœud.JS V14.X ------------- $ curl -fssl https: // rpm.nœud.com / setup_14.X | sudo bash - $ sudo yum install -y nodejs 

Aussi, pour compiler et installer des modules complémentaires natifs de NPM Vous devrez peut-être installer des outils de développement sur votre système comme suit.

$ sudo apt install -y build-essential [sur Debian / Ubuntu] $ sudo yum install gcc-c ++ make [on rhel systems] 

Installation de CLI angulaire en Linux

Une fois que tu as Nœud.js et NPM installé, comme indiqué ci-dessus, vous pouvez installer CLI angulaire en utilisant le Gestionnaire de packages NPM comme suit (le -g Indicateur signifie installer l'outil à l'échelle du système à utiliser par tous les utilisateurs du système).

# NPM Install -g @ Angular / CLI ou $ sudo npm install -g @ angular / CLI 

Vous pouvez lancer le CLI angulaire en utilisant le not exécutable qui devrait maintenant être installé sur votre système. Exécutez la commande suivante pour vérifier la version de CLI angulaire installée.

Version # ng ou # ng --version 

Création d'un projet angulaire utilisant une CLI angulaire

Dans cette section, nous montrerons comment créer, construire et servir un nouveau projet angulaire de base. Tout d'abord, montez dans le webroot Répertoire de votre serveur, puis initialisez une nouvelle application angulaire comme suit (n'oubliez pas de suivre les invites):

# cd / var / www / html / # ng new Tecmint-app #As root ou $ sudo ng nouvel utilisateur tecmint-app # non root 

Ensuite, montez dans le répertoire des applications qui vient d'être créé et servez l'application comme indiqué.

# CD Tecmint-App # LS #List Files de projet # ng Serve 

Avant de pouvoir accéder à votre nouvelle application à partir d'un navigateur Web, si vous avez un service de pare-feu en cours d'exécution, vous devez ouvrir le port 4200 dans la configuration du pare-feu comme indiqué.

---------- Sur le pare-feu ---------- # Firewall-CMD --permanent --zone = public --add-port = 4200 / tcp # Firewall-CMD - Reload ---------- Sur UFW ---------- $ sudo ufw Autoriser 4200 / TCP $ sudo ufw Reload 

Vous pouvez maintenant ouvrir un navigateur Web et naviguer en utilisant l'adresse suivante pour voir la nouvelle application s'exécuter comme indiqué dans la capture d'écran suivante.

http: // localhost: 4200 / ou http: // server_ip: 4200 

Note: Si vous utilisez la commande not Servir à créer une application et à le servir localement, comme indiqué ci-dessus, le serveur reconstruit automatiquement l'application et recharge la (s) page Web lorsque vous modifiez l'un des fichiers source.

Pour plus d'informations sur le outil ng, Exécutez la commande suivante.

# ng aide 

La page d'accueil de la CLI angulaire: https: // angulaire.IO / CLI

Dans cet article, nous avons montré comment installer CLI angulaire Sur différentes distributions Linux. Nous avons également couvert comment construire, compiler et servir une application angulaire de base sur un serveur de développement. Pour toute question ou pensée, vous souhaitez partager avec nous, utilisez le formulaire de rétroaction ci-dessous.