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/cliPour 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 4201Commande 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/coreIl 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.