Préparer votre environnement de développement

Préparez-vous à…

• Installer les outils dont vous aurez besoin pour créer votre site Astro

Récupérer les outils de développement dont vous aurez besoin

Titre de la section Récupérer les outils de développement dont vous aurez besoin

Terminal

Titre de la section Terminal

Vous utiliserez une ligne de commande (terminal) pour créer votre projet Astro et exécuter des commandes clés pour construire, développer et tester votre site.

Vous pouvez accéder à la ligne de commande via une application de terminal locale adaptée à votre système d’exploitation. Les applications courantes incluent Terminal (MacOS/Linux), Command Prompt (Windows) et Termux (Android). L’une de ces applications devrait déjà être installée sur votre machine.

Node.js

Titre de la section Node.js

Pour qu’Astro fonctionne sur votre système, vous devrez également avoir une version compatible de Node.js installée. Astro prend en charge les versions paires de Node.js. Les versions minimales actuellement prises en charge pour chaque version sont : v18.20.8, v20.3.0 et v22.0.0. (v19 et v21 ne sont pas prises en charge.)

Pour vérifier si vous avez déjà une version compatible installée, exécutez la commande suivante dans votre terminal :

node -v

// Exemple de sortie
v18.20.8

Si la commande renvoie un numéro de version pris en charge par Astro, vous êtes prêt à commencer !

Si la commande renvoie un message d’erreur tel que Command 'node' not found ou un numéro de version inférieur au numéro de version requis, vous devrez installer une version compatible de Node.js.

Éditeur de code

Titre de la section Éditeur de code

De plus, vous devrez télécharger et installer un éditeur de code pour écrire votre code.

Nous utiliserons…

Ce tutoriel utilisera VS Code, mais vous pouvez utiliser n’importe quel éditeur adapté à votre système d’exploitation.

1. Téléchargez et installez VS Code ou un autre éditeur de code de votre choix.

Tester vos connaissances

Titre de la section Tester vos connaissances

Parmi les éléments suivants, lequel est…

1. Un éditeur de code permettant de modifier vos fichiers et leur contenu ?

   1. Navigateur web

   2. Terminal

   3. VS Code

   Envoyer

2. Un fournisseur de gestion de versions en ligne pour votre dépôt ?

   1. GitHub

   2. Terminal

   3. VS Code

   Envoyer

3. Une application pour exécuter des commandes ?

   1. GitHub

   2. Terminal

   3. Navigateur web

   Envoyer

Liste de contrôle pour continuer

Titre de la section Liste de contrôle pour continuer

• Je peux accéder à la ligne de commande dans un terminal.
• J’ai Node.js installé.
• J’ai un éditeur de code comme VS Code.

Ressources

Titre de la section Ressources

• FreeCodeCamp.org (Anglais) externe — un site éducatif gratuit avec des cours complets ou des rappels rapides en HTML, CSS, JS, et plus encore.