Installation

Démarrez rapidement avec Angular grâce aux projets en ligne, ou en local avec votre terminal.

Essayer en ligne

Si vous voulez simplement essayer Angular dans votre navigateur sans configurer de projet, vous pouvez utiliser notre bac à sable en ligne :

Créer un nouveau projet en local

Si vous démarrez un nouveau projet, vous voudrez très probablement créer un projet local afin de pouvoir utiliser des outils comme Git.

Prérequis

• Node.js - v22.22.3 ou plus récent
• Éditeur de texte - Nous recommandons Visual Studio Code
• Terminal - Nécessaire pour exécuter les commandes de l'Angular CLI
• Outil de développement - Pour améliorer votre flux de développement, nous recommandons l'Angular Language Service

Instructions

Le guide suivant vous accompagne dans la création d'un projet Angular en local.

Installer l'Angular CLI

Ouvrez un terminal (si vous utilisez Visual Studio Code, vous pouvez ouvrir un terminal intégré) et exécutez la commande suivante :

npm install -g @angular/cli

pnpm install -g @angular/cli

yarn global add @angular/cli

bun install -g @angular/cli

Si vous rencontrez des problèmes pour exécuter cette commande sous Windows ou Unix, consultez la documentation de la CLI pour plus d'informations.

Créer un nouveau projet

Dans votre terminal, exécutez la commande CLI ng new avec le nom de projet souhaité. Dans les exemples suivants, nous utiliserons le nom de projet my-first-angular-app.

ng new <project-name>

Plusieurs options de configuration vous seront proposées pour votre projet. Utilisez les flèches et la touche Entrée pour naviguer et sélectionner les options souhaitées.

Si vous n'avez pas de préférence, appuyez simplement sur Entrée pour accepter les options par défaut et poursuivre la configuration.

Une fois les options de configuration choisies et la configuration terminée par la CLI, vous devriez voir le message suivant :

✔ Packages installed successfully.
    Successfully initialized git.

Vous êtes maintenant prêt à exécuter votre projet en local !

Exécuter votre nouveau projet en local

Dans votre terminal, placez-vous dans votre nouveau projet Angular.

cd my-first-angular-app

Toutes vos dépendances devraient être installées à ce stade (vous pouvez le vérifier en contrôlant la présence d'un dossier node_modules dans votre projet). Vous pouvez donc démarrer votre projet avec la commande :

npm start

Si tout se passe bien, vous devriez voir un message de confirmation similaire dans votre terminal :

Watch mode enabled. Watching for file changes...
NOTE: Raw file sizes do not reflect development server per-request transformations.
  ➜  Local:   http://localhost:4200/
  ➜  press h + enter to show help

Vous pouvez maintenant ouvrir l'adresse indiquée dans Local (par exemple http://localhost:4200) pour voir votre application. Bon code ! 🎉

Utiliser l'IA pour le développement

Pour commencer à développer dans votre IDE assisté par IA préféré, consultez les règles de prompt et les bonnes pratiques Angular.

Prochaines étapes

Maintenant que vous avez créé votre projet Angular, vous pouvez en apprendre davantage sur Angular avec notre guide des Fondamentaux ou choisir un sujet dans nos guides approfondis !