Angulaire 4 - CLI

Angular CLI facilite le démarrage de tout projet Angular. Angular CLI est livré avec des commandes qui nous aident à créer et démarrer notre projet très rapidement. Passons maintenant en revue les commandes disponibles pour créer un projet, un composant et des services, changer le port, etc.

Pour travailler avec Angular CLI, nous devons l'avoir installé sur notre système. Utilisons la commande suivante pour la même chose -

npm install -g @angular/cli

Pour créer un nouveau projet, nous pouvons exécuter la commande suivante dans la ligne de commande et le projet sera créé.

ng new PROJECT-NAME
cd PROJECT-NAME
ng serve //

ng serve // ​​va compiler et vous pouvez voir la sortie de votre projet dans le navigateur -

http://localhost:4200/

4200 est le port par défaut utilisé lors de la création d'un nouveau projet. Vous pouvez changer le port avec la commande suivante -

ng serve --host 0.0.0.0 --port 4201

Le tableau suivant répertorie quelques commandes importantes requises lors de l'utilisation de projets Angular 4.

Composant	ng g composant nouveau-composant
Directif	ng g directive nouvelle directive
Tuyau	ng g pipe new-pipe
Un service	ng g service nouveau-service
Module	module ng g mon-module

Chaque fois qu'un nouveau module, un composant ou un service est créé, la référence de celui-ci est mise à jour dans le module parent app.module.ts.