Préparez votre environnement de développement

Préparez-vous à…

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

Obtenez les outils de développement dont vous aurez besoin

Titre de la section Obtenez 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 un programme de terminal local adapté à 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 que Astro fonctionne sur votre système, vous devrez également avoir Node.js installé, de préférence en version v18.17.1 ou v20.3.0 ou plus récent. (v19 n’est pas supporté.)

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 résultat
v18.17.1

Si la commande renvoie un numéro de version supérieur à v18.17.1 ou v20.3.0 (à l’exclusion de tout v19), 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.

Testez vos connaissances

Titre de la section Testez 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 contrôle de version 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 passer à l’étape suivante

Titre de la section Liste de contrôle pour passer à l’étape suivante

• 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 externe — un site éducatif gratuit avec des cours complets ou des rappels rapides en HTML, CSS, JS, et plus encore.