Pense-bête des commandes Angular CLI

Récapitulatif des commandes les plus fréquentes de Angular CLI.

Installer ou mettre à jour Angular CLI

Installer :

npm install -g @angular/cli

Mettre à jour le package GLOBAL du CLI (sur votre système) :

npm uninstall -g @angular/cli
npm cache verify
# si la version de npm est < 5 utilisez `npm cache clean`
npm install -g @angular/cli@latest

Mettre à jour le package LOCAL du CLI (dans un projet Angular précis) :

rm -rf node_modules dist # utilisez rmdir /S/Q node_modules dist dans le Command Prompt Windows; utilisez rm -r -fo node_modules,dist dans le PowerShell Windows
npm install --save-dev @angular/cli@latest
npm install

Générer un nouveau projet Angular

ng new PROJET

PROJET sera le nom du dossier créé.

Générer du code

Générer un composant :

ng g c meteo                 # Génère MeteoComponent
ng generate component meteo  # Syntaxe non raccourcie
ng g c rep/meteo             # Génère le composant dans un sous-répertoire "rep"
ng g c meteo -m core         # Génère + Ajoute le composant aux "declarations" de CoreModule

Générer un service :

ng g s auth               # Génère AuthService
ng generate service auth  # Syntaxe non raccourcie
ng g s rep/auth           # Génère le service dans un sous-répertoire "rep"
ng g s auth -m core       # Génère + Ajoute le service aux "providers" de CoreModule

Développer

Lancer le serveur de développement (builde le projet dans la mémoire vive + live reload dans le navigateur) :

ng serve
ng serve --aot       # Active la compilation AOT
ng serve --env=prod  # Utilise l'environnement de prod

Builder

Builder le projet (enregistre les fichiers statiques générés dans le répertoire dist du projet) :

ng build
ng build --prod  # Active la compilation AOT + Utilise l'environnement de prod
Informations

Tags : cli

Dernière mise à jour :

Auteur : AngularChef

Qualité : Pas finalisé