Angular7 - Invites 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 // will compile and you can see the output of your project in the browser −

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

Commande pour la mise à jour angulaire

Si vous souhaitez mettre à jour votre application et ses dépendances, vous pouvez utiliser la commande suivante -

ng update @angular/cli @angular/core

Il mettra à jour le framework de base vers la version récente, c'est-à-dire Angular 7 et angular-cli. Vous pouvez utiliser la commande ci-dessus avec les options suivantes -

Liste des commandes importantes angulaires

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

Sr. Non	Commandes et description
1	Component ng g composant nouveau-composant
2	Directive ng g directive nouvelle directive
3	Pipe ng g pipe new-pipe
4	Service ng g service nouveau-service
5	Module module ng g mon-module
6	Test test ng
sept	Build ng build --configuration = production // pour l'environnement de production ng build --configuration = staging // pour indiquer l'environnement

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.