Angular - 1.4 Premiere application part 1

Dans cette leçon, nous allons construire notre toute première application Angular. Pour cela, nous utiliserons l'interface en ligne de commande officielle d'Angular, plus connue sous le nom de CLI (Command Line Interface). C'est la meilleure façon de créer un projet Angular : les projets Angular sont relativement élaborés à mettre en place, avec de nombreux dossiers, sous-dossiers et fichiers générés qu'il est hors de question de créer à la main sans se tromper.

Une simple commande du CLI génère un projet complet, prêt à l'emploi, avec toute l'arborescence correcte. Mais pour installer le CLI Angular, on a d'abord besoin de Node.js. Pourquoi Node.js dans une formation Angular ? Tout simplement parce qu'Angular utilise Node.js en coulisses pour certaines de ses tâches. On aura aussi besoin de npm, le gestionnaire de paquets de Node, qui sert à installer les modules et librairies. Bonne nouvelle : npm est installé automatiquement avec Node.js.

Installer Node.js et npm

  • Windows / macOS : se rendre sur le site officiel de Node.js. La page d'accueil détecte automatiquement l'OS et propose la version LTS (Long Term Support), recommandée pour bénéficier d'un support à long terme.
  • Windows : lancer l'exécutable, suivre l'assistant (next, next…), accepter les conditions d'utilisation et l'installation des outils annexes (Chocolatey, Python, Visual Studio Build Tools).
  • macOS : ouvrir le fichier .pkg téléchargé et suivre les étapes.
  • Linux : ouvrir un terminal (Ctrl+Alt+T) puis exécuter sudo apt-get update suivi de sudo apt-get install nodejs npm.

Une fois Node.js installé, on vérifie que tout est correct en ouvrant un terminal (sous Windows, l'invite de commande lancée en tant qu'administrateur pour éviter les problèmes de droits lors des futures installations npm globales). On tape node -v : la version s'affiche (par exemple v13.10.1). Si Node.js n'est pas installé, un message d'erreur indiquera que la commande est inconnue.

On vérifie ensuite npm avec npm -v, qui affichera également un numéro de version (par exemple 6.13.7). Si tout est en place, l'environnement est prêt pour la suite. Dans la prochaine leçon, nous installerons le CLI Angular en global avec npm, puis nous l'utiliserons pour générer notre toute première application Angular.

En résumé

Cette leçon couvre les étapes fondamentales pour débuter avec Angular. Elle explique pourquoi utiliser le CLI officiel d'Angular plutôt que de créer manuellement la structure du projet (trop complexe et source d'erreurs), puis détaille l'installation des prérequis indispensables : Node.js et npm. La vidéo montre comment installer ces outils sur Windows, macOS et Linux, et comment vérifier leur bon fonctionnement via le terminal.

Points clés

  • Le CLI Angular officiel génère automatiquement une arborescence complète ; création manuelle est impraticable
  • Node.js et npm s'installent ensemble et sont prérequis pour Angular
  • Installation multiplateforme couverte : Windows/macOS via nodejs.org, Linux via apt-get
  • Vérification essentielle via terminal : node -v et npm -v
  • Sous Windows, exécuter le terminal en tant qu'administrateur évite les problèmes de droits d'accès

Questions fréquentes

Pourquoi ne pas créer manuellement la structure d'un projet Angular?

Parce que la structure générée est très complexe (nombreux dossiers, sous-dossiers, fichiers). Créer cela à la main sans erreur est pratiquement impossible. Le CLI officiel génère un projet prêt à l'emploi en une seule commande.

Node.js et npm sont-ils toujours installés ensemble?

Oui. Quand vous installez Node.js, npm (le package manager) s'installe automatiquement au même moment. Il n'est pas nécessaire de les installer séparément.

Comment savoir si Node.js et npm sont correctement installés?

Ouvrez un terminal et tapez node -v et npm -v. Si ces commandes retournent un numéro de version, l'installation est réussie. Si vous recevez un message d'erreur de commande inconnue, réinstallez.