Aller au contenu

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.14.1 ou ultérieure.

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

Terminal window
node -v


// Exemple de résultat
v18.14.1

Si la commande renvoie un numéro de version supérieur à v18.14.1, vous êtes prêt !

Si la commande renvoie un message d’erreur tel que Command 'node' not found ou un numéro de version inférieur à v18.14.1, 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.

  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 ?

  2. Un fournisseur de contrôle de version en ligne pour votre dépôt ?

  3. Une application pour exécuter des commandes ?

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

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

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.