Partie 1 : Démarrer un projet sur de bonnes bases
Partie 2 : Construire un espace membre sécurisé avec JWT
Partie 3 : Implémenter des fonctionnalités métiers
Partie 4 : Bonus

2. Angular CLI

Pour générer le socle d’une application Angular, on fait souvent le même travail répétitif : ajouter le fichier de déclaration des dépendances package.json, créer le fichier index.html, installer les dépendances avec la commande npm install, etc. C’est pratique pour se former au début, mais pour développer une application professionnelle, ce n’est pas ce qui est le plus recommandé.

En fait, l’équipe Angular de chez Google propose un outil en ligne de commande, qui nous permet d’automatiser les tâches de développement les plus courantes. Cet outil se nomme Angular-CLI. Il permet d’automatiser les tâches suivantes :

  • Générer l’architecture d’une nouvelle application : emplacement des dossiers, pré-remplissage des fichiers indispensables comme index.html ou package.json, par exemple.
  • Générer de nouveaux composants, de nouveaux services, de nouveaux modules, etc.
  • Inspecter et relever les erreurs de syntaxe de notre code.
  • Lancer des tests automatisés pour vérifier la qualité de notre code.
  • Construire une archive de notre application, prête à déployer pour la production.

Techniquement, nous ne sommes pas obligés d’utiliser Angular CLI pour développer notre application Angular, mais beaucoup de fonctionnalités embarquées par cet outil nous permettent d’améliorer fortement la qualité de notre code, et il nous permet également d’économiser beaucoup de temps. Voyons tout de suite comment installer ce formidable outil !

Pour information, le terme CLI est un terme que vous retrouverez souvent en informatique, qui signifie Command Line Interface (Interface en ligne de commande, en français). Concrètement, cela signifie qu’il s’agit d’un outil qui vous permet de lancer des commandes dans un terminal, et pas depuis une belle interface graphique. C’est tout !

Sur Internet, vous pourriez tomber sur deux noms de paquets assez similaires : angular-cli et @angular/cli. Le premier concerne l’ancien nom du paquet d’Angular CLI, et ne doit donc plus être utilisé au profit du paquet @angular/cli.