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

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

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 :

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

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

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

Testez vos connaissances

Parmi les éléments suivants, lequel est…

Un éditeur de code permettant de modifier vos fichiers et leur contenu ?
1. Navigateur web
2. Terminal
3. VS Code
Un fournisseur de contrôle de version en ligne pour votre dépôt ?
1. GitHub
2. Terminal
3. VS Code
Une application pour exécuter des commandes ?
1. GitHub
2. Terminal
3. Navigateur web

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

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