Toutes les Commandes Angular

Cet article WordPress vous propose un répertoire classé de toutes les commandes Angular CLI les plus courantes, pour faciliter leur recherche et leur utilisation en cas d’oubli. Idéal à garder sous la main pour tout développeur Angular, débutant ou confirmé.

1. Commandes de Base & Projet

Commande	Racourci	Description simplifiée
`ng new <nom>`		Crée un nouveau projet Angular
`ng serve`		Démarre le serveur local de développement
`ng serve --open`	`ng s -o`	Démarre le serveur et ouvre dans navigateur
`ng build`		Compile l’application
`ng build --prod`		Compile (optimisé, production)

2. Génération de Fichiers

Commande	Racourci	Description
`ng generate`	`ng g`	Lance la génération d’un fichier ou élément
`ng g component <nom>`	`ng g c <nom>`	Crée un nouveau composant
`ng g service <nom>`	`ng g s <nom>`	Crée un service
`ng g module <nom>`	`ng g m <nom>`	Crée un module
`ng g directive <nom>`	`ng g d <nom>`	Crée une directive
`ng g pipe <nom>`	`ng g p <nom>`	Crée un pipe (filtre)
`ng g class <nom>`	`ng g cl <nom>`	Crée une classe
`ng g interface <nom>`	`ng g i <nom>`	Crée une interface
`ng g enum <nom>`	`ng g e <nom>`	Crée une énumération
`ng g guard <nom>`	`ng g guard`	Crée un guard de route
`ng g resolver <nom>`		Crée un resolver
`ng g application <nom>`		Ajoute une application à un workspace
`ng g library <nom>`		Ajoute une librairie (workspace mono-repo)

3. Tests & Qualité

Commande	Racourci	Description
`ng test`	`ng t`	Lance les tests unitaires
`ng e2e`	`ng e`	Lance les tests end-to-end
`ng lint`		Analyse statique du code

4. Maintenance, Configuration & Aide

Commande	Racourci	Description
`ng update`		Met à jour Angular/dépendances
`ng config`		Configure le projet (angular.json)
`ng analytics`		Active ou coupe la télémétrie
`ng version`	`ng v`	Affiche la version CLI & dépendances
`ng help`		Affiche l’aide globale ou d’une commande
`ng doc`		Ouvre la documentation officielle
`ng add <librairie>`		Ajoute une librairie externe recommandée Angular
`ng extract-i18n`		Extrait les messages pour l’internationalisation
`ng deploy`		Déploie l’application (plugin requis)

5. Outils et Options Utiles

Option / Flag	Utilisation type et utilité
`--dry-run`, `-d`	Simule l’exécution sans rien créer/modifier
`--skip-tests`	Génère sans fichiers de test
`--force`, `-f`	Force l’exécution même si conflit
`--strict`	Active le mode strict sur la génération de projet
`--style=scss`	Définit le style de base (scss, css, etc.)
`--routing`	Ajoute la gestion du routage à la création
`--watch`	Relance la commande quand les fichiers changent
`--help`	Affiche les options d’une commande
`--directory=<dir>`	Indique le dossier de création pour le projet
`--prefix=<prefix>`	Préfixe des sélecteurs de composants

6. Commandes Écosystème (Git, Node, npm utiles)

Commande	Raccourci	Description
`node -v`		Version Node.js
`npm -v`		Version npm
`npm install -g @angular/cli`		Installe Angular CLI global
`git init`		Initialise un dépôt git

7. Commandes Diverses (avancées & workspace)

Commande	Utilité
`ng run <project>:<target>`	Exécute une tâche personnalisée (build/serve/test d’un projet)
`ng xi18n`	Extraction des messages d’i18n (Angular ancienne version)
`ng deploy <project>`	Déploie un projet (plugin requis, ex: `angular-cli-ghpages`)
`ng lint <project>`	Lance la vérification du code sur le projet

8. Commandes pour Monorepo (workspaces Angular)

Commande	Utilité
`ng generate application <nom>`	Ajoute une app à un workspace Angular (monorepo)
`ng generate library <nom>`	Ajoute une librairie à un workspace (monorepo)

Notes pratiques

Tous les raccourcis de génération commencent par ng g ....
Lancez ng help + commande pour afficher les options spécifiques.
Pour chaque commande, le flag --help permet d’avoir le détail des options et syntaxes.
Les plugins étendent les possibilités de ng add et ng deploy.

Astuce : Utilisez la recherche (Ctrl+F) pour retrouver rapidement le raccourci ou la commande exacte !

Ce cheat sheet est votre mémo Angular CLI universel, à consulter sans modération dès que le doute s’installe ! Bon code.