CHAPITRE 4 : INSTALLER SON ENVIRONNEMENT DE TRAVAIL

Place à la pratique. Trois outils suffisent pour démarrer, et ils s'installent en quelques minutes.

1. Node.js

Angular a besoin de Node.js, qui permet d'exécuter du JavaScript hors du navigateur. Téléchargez la version LTS (Long Term Support) sur nodejs.org, c'est la version stable, à préférer pour travailler.

Vérifiez ensuite dans un terminal :

node --version
npm --version

Deux numéros doivent s'afficher. npm s'installe avec Node : c'est le gestionnaire de paquets, celui qui télécharge les bibliothèques.

2. Angular CLI

La CLI (Command Line Interface) génère le code à votre place : un projet complet, un composant, un service. Installez-la globalement :

npm install -g @angular/cli

Le -g signifie « global » : la commande devient disponible partout. Vérifiez :

ng version

3. L'éditeur de code

Visual Studio Code est gratuit et le plus utilisé pour Angular. Deux extensions font gagner un temps considérable :

• Angular Language Service : complète le code dans les templates
• Prettier : met en forme automatiquement

4. Les erreurs les plus fréquentes

5. Un mot sur le débit

La création d'un projet Angular télécharge plusieurs centaines de mégaoctets de dépendances. Avec une connexion modeste, lancez l'opération quand vous avez du temps devant vous. Bonne nouvelle : npm garde un cache, et les projets suivants seront bien plus rapides.

À retenir

• Node.js en version LTS, et npm vient avec
• npm install -g @angular/cli installe la CLI
• node -v, npm -v et ng version vérifient tout
• VS Code + Angular Language Service pour confortablement travailler