Bereite deine Entwicklungsumgebung vor

Mach dich bereit, …

• alle Werkzeuge zu installieren, die du zum Erstellen deiner Astro-Website benötigst

Besorge die Entwicklungswerkzeuge, die du brauchst

Terminal

Du wirst ein Terminal verwenden, um dein Astro-Projekt zu erstellen und wichtige Befehle zum Bauen, Entwickeln und Testen deiner Website auszuführen.

Du kannst über ein lokales Terminal deines Betriebssystems auf die Kommandozeile zugreifen. Übliche Anwendungen sind Terminal (macOS/Linux), Eingabe­aufforderung (Windows) und Termux (Android). Wahrscheinlich befindet sich eine dieser Applikationen bereits auf deinem Gerät.

Node.js

Damit Astro auf deinem System läuft, musst du außerdem eine kompatible Version von Node.js installiert haben. Astro unterstützt gerade Node.js-Versionen. Die aktuell minimal unterstützten Versionen sind: v18.20.8, v20.3.0 und v22.0.0. (v19 and v21 werden nicht unterstützt.)

Um zu prüfen, ob du bereits eine kompatible Version installiert hast, führe folgenden Befehl im Terminal aus:

node -v

# Beispielausgabe
v18.20.8

Wenn der Befehl eine von Astro unterstützte Versionsnummer zurückgibt, bist du startklar!

Wenn der Befehl eine Fehlermeldung wie Command 'node' not found oder eine niedrigere Versionsnummer ausgibt, musst du eine kompatible Node.js-Version installieren.

Code-Editor

Zusätzlich musst du einen Code-Editor herunterladen und installieren, um deinen Code zu schreiben.

Wir verwenden …

In diesem Tutorial benutzen wir VS Code, aber du kannst jeden Code-Editor für dein Betriebssystem verwenden.

1. Installiere VS Code oder einen anderen Code-Editor deiner Wahl.

Teste dein Wissen

Welche der folgenden Optionen ist …

1. Ein Code-Editor, um Änderungen an deinen Dateien und deren Inhalten vorzunehmen?

   1. Webbrowser

   2. Terminal

   3. VS Code

   Absenden

2. Ein Online-Dienst für Versionskontrolle deines Repositories?

   1. GitHub

   2. Terminal

   3. VS Code

   Absenden

3. Eine Anwendung zum Ausführen von Befehlen?

   1. GitHub

   2. Terminal

   3. Webbrowser

   Absenden

Checkliste zum Weitermachen

• Ich kann auf die Kommandozeile im Terminal zugreifen.
• Ich habe Node.js installiert.
• Ich habe einen Code-Editor wie VS Code.

Ressourcen

• FreeCodeCamp.org extern – eine kostenlose Lernplattform mit vollständigen Kursen oder schnellen Auffrischungen zu HTML, CSS, JS und mehr.