🧭 Prérequis
Avant d’installer Angular, il te faut :
-
Un système Windows (Windows 10 ou plus)
-
Une connexion Internet
-
Un minimum de motivation 😄
1. 🧰 Installer Node.js
Angular a besoin de Node.js pour fonctionner.
Étapes :
-
Va sur le site officiel : https://nodejs.org/
-
Télécharge la version LTS (Long-Term Support) recommandée.
-
Lance l’installeur et clique sur Next à chaque étape (valide les options par défaut).
-
Une fois installé, vérifie que tout marche avec :
node -v
npm -v
2. ⚡ Installer Angular CLI
Le CLI (Command Line Interface) d’Angular permet de créer et gérer tes projets facilement.
Commande :
npm install -g @angular/cli
🔍 Le -g
signifie que l’installation est globale (tu peux utiliser Angular partout dans le terminal).
✅ Vérifie que ça a marché :
ng version
3. 🛠️ Créer ton premier projet Angular
On va créer un projet d'exemple appelé mon-app-angular
.
ng new mon-app-angular
✔️ Le CLI va te poser quelques questions :
-
Would you like to add Angular routing? →
Yes
ouNo
selon ton besoin -
Which stylesheet format would you like to use? →
CSS
ou autre (SCSS, etc.)
Patiente un peu pendant l’installation…
4. 🚀 Lancer l’application
Place-toi dans le dossier de ton projet :
cd mon-app-angular
Puis lance l’application :
ng serve
📍 Ensuite, ouvre ton navigateur et va sur http://localhost:4200
Tu devrais voir la page d’accueil Angular 🎉
🔧 En cas de souci
-
Si la commande
ng
n’est pas reconnue, ferme et rouvre ton terminal. -
Vérifie que Node.js est bien installé avec
node -v
.
🧠 Bonus
Pour coder efficacement :
-
Utilise un bon éditeur comme Visual Studio Code
-
Installe l’extension Angular Language Service pour avoir l’autocomplétion
Telecharger la version PDF de ce tutoriel en cliquant 👉 Tutoriel_Installation_Angular_Windows_GaaluDev.pdf
Comments