Angular CLI (Command Line Interface) est un outil puissant qui permet aux développeurs d’échafauder, de développer et de maintenir rapidement des applications Angular. Il fournit des commandes pour la création de projets, la construction, le test et le déploiement d’applications de manière efficace.

Prérequis

Avant d’installer Angular CLI, assurez-vous que vous disposez de la configuration suivante :

  • Node.js (version LTS recommandée)
  • npm (fourni avec Node.js)

Vous pouvez vérifier si Node.js et npm sont installés en exécutant :

node -v
npm -v

Si ce n’est pas le cas, téléchargez et installez Node.js depuis le site officiel de Node.js.

Installation d’Angular CLI

Une fois Node.js installé, installez Angular CLI globalement à l’aide de npm :

npm install -g @angular/cli

Pour vérifier l’installation, vérifiez la version :

ng version

Cela devrait afficher la version d’Angular CLI ainsi que les dépendances d’Angular.

Créer un nouveau projet Angular

Utilisez la commande suivante pour créer un nouveau projet Angular :

ng new my-angular-app

Vous serez invité à choisir des configurations telles que le routage et le style (CSS, SCSS, etc.). Une fois ces choix effectués, l’interface de programmation met en place le projet.

Naviguez jusqu’au répertoire du projet :

cd my-angular-app

Exécution de l’application Angular

Pour servir l’application localement, utilisez :

ng serve

L’application sera disponible à l’adresse http://localhost:4200/ sur votre machine virtuelle.

Comprendre les commandes CLI d’Angular

Voici quelques commandes essentielles de la CLI d’Angular :

  • ng serve – Exécute l’application localement.
  • nggenerate component component-name – Crée un nouveau composant.
  • ng build – Construit l’application pour la production.
  • ng test – Exécute les tests unitaires.
  • nge2e – Exécute les tests de bout en bout.
  • ng add package-name – Installe un package Angular.
  • ng update – Met à jour Angular et les dépendances.

Configuration de l’interface de programmation d’Angular

Le fichier angular.json contient les paramètres de configuration du projet tels que les options de construction, de service et de test. Vous pouvez personnaliser les chemins de construction, les répertoires de sortie et les actifs.

Conclusion

En suivant ces étapes, vous avez installé et configuré avec succès Angular CLI. Cet outil rationalise le flux de développement et facilite la gestion des applications Angular. Commencez à explorer les commandes d’Angular CLI pour améliorer votre expérience de développement !