Comment créer votre application angulaire avec une CLI angulaire

Angular est un frameworks JavaScript, des bibliothèques, des actifs et des services publics. Ce tutoriel vous aidera à créer une application angulaire en utilisant l'outil CLI angulaire sur n'importe quelle plate-forme. Le projet angulaire fournit et l'interface de ligne de commande appelée Angular CLI pour l'automatisation. Vous pouvez effectuer des opérations automatisées dans des projets angulaires au lieu de les faire manuellement et de gagner du temps et des efforts. En utilisant la CLI angulaire, vous pouvez faire les suivants:

• Création d'un nouveau projet.
• Configuration de l'environnement d'application.
• Gérer les configurations d'application.
• Construire des composants, des services et un système de routage.
• Démarrer l'application, tester et déployer le projet.
• Installation de bibliothèques tierces comme bootstrap, sass, etc.

Créons votre application angulaire:

Conditions préalables

Les nodejs requis angulaires sont installés sur votre système. Vous pouvez suivre l'un des tutoriels suivants pour installer Angular sur votre système selon votre système d'exploitation.

• Installer le nœud.JS sur Windows
• Installer le nœud.JS sur Centos et Fedora
• Installer le nœud.JS sur Ubuntu et Debian et Linuxmint

Après l'installation, assurez-vous que le nœud.JS et NPM sont correctement installés.

Node -v v12.4.0 

npm -v 6.9.0 

Installer Angular CLI

Maintenant, installez l'utilitaire CLI angulaire à l'aide du gestionnaire de packages NPM.

NPM Install -g @ Angular / CLI 

L'option -g avec installation assure pour installer la CLI angulaire à l'échelle mondiale sur le système. Ainsi, il sera accessible à tous les utilisateurs et aux applications sur le système. Angular CLI fournit une commande not Utilisé pour les opérations de ligne de commande. Vérifions la version installée de NG sur votre système.

ng --version _ _ ____ _ ___ / \ _ __ __ _ _ _ | | __ _ _ __ / ___ | | | _ _ | / △ \ | '_ \ / _' | | | | | / _ '| '__ | | | | | | | / ___ \ | | | | (_ | | | _ | | | | (_ | | | | | ___ | | ___ | | / _ / \ _ \ _ | | _ | \ __, | \ __, _ | _ | \ __, _ | _ | \ ____ | _____ | ___ | | ___ / CLI angulaire: 8.0.3 nœud: 12.4.0 OS: Linux x64 Angular:… Version du package ------------------------------------ -------------- @ Angular-Devkit / Architect 0.800.3 @ Angular-Devkit / Core 8.0.3 @ Angular-Devkit / Schematics 8.0.3 @ schémas / angulaire 8.0.3 @ schémas / mise à jour 0.800.3 rxjs 6.4.0 

Créer une application angulaire

Votre système est prêt à créer une application angulaire. La commande suivante créera l'application angulaire avec nom Bonjour-angulaire.

ng nouveau bonjour-angulaire 

Cela créera un répertoire avec le nom de votre projet et créera tous les fichiers en dessous. Il installe également toutes les bibliothèques requises dans ce répertoire. Sur la création réussie, vous verrez le message ci-dessous à l'écran.

… Ajout de 1011 packages de 1041 contributeurs et packages audités 19005 en 55.774S a trouvé 0 vulnérabilités qui ont réussi à initialiser Git. 

Exécuter une application angulaire

Votre application angulaire de base est prête à servir. Passer au répertoire Hello-Angular et exécuter votre application angulaire à l'aide de la commande NG Serve.

CD Hello-Angular Ng Serve 



Vous pouvez accéder à votre application angulaire sur le port localhost 4200, qui est l'hôte et le port par défaut utilisés par l'application angulaire.

 http: // localhost: 4200 



Vous pouvez modifier l'hôte et le port pour exécuter une application angulaire en fournissant -héberger et -port Arguments de ligne de commande.

ng servir - host 0.0.0.0 --port 8080 

L'adresse IP 0.0.0.0 écoute sur toutes les interfaces et accessibles publiquement.