Configuration de l'éditeur de code

Customisez votre éditeur de code pour améliorer l’expérience de développement avec Astro et débloquer de nouvelles fonctionnalités.

VS Code est un éditeur de code populaire pour les développeurs web, développé par Microsoft. Le moteur de code VS Code est également utilisé par des éditeurs de code “In-Browser” comme GitHub Codespaces ou Gitpod.

Astro fonctionne dans n’importe quel éditeur de texte. Cependant, VS Code est l’éditeur que nous recommandons pour les projets Astro. Nous maintenons une extension Astro pour VS Code officielle qui débloque de nombreuses fonctionnalités et améliorations d’expérience pour les projets Astro.

  • Coloration syntaxique pour les fichiers .astro.
  • Informations de typage TypeScript pour les fichiers .astro.
  • Intellisense VS Code pour l’autocomplétion, les suggestions et plus.

Pour commencer, installez l’extension Astro VS Code maintenant.

📚 Voir comment configurer TypeScript dans votre projet Astro.

Notre superbe communauté de développeurs maintient plusieurs extensions pour d’autres éditeurs populaires, comme :

Éditeur de code “In-Browser”

Section titled Éditeur de code “In-Browser”

En plus des éditeurs locaux, Astro fonctionne aussi bien sur les éditeurs “In-Browser” hébergés, comme :

  • StackBlitz et CodeSandbox sont des éditeurs en ligne qui s’exécutent dans votre navigateur, avec le support de coloration syntaxique pour les fichiers .astro. Pas d’installation ou de configuration nécessaire !
  • GitHub.dev vous permet d’installer l’extension VS Code pour Astro en une extension web, qui vous donne accès à seulement quelques fonctionnalités complètes. Actuellement, seule la coloration syntaxique est supportée.