Zum Hauptinhalt springen
frustfrei.dev

Mit dem Starterkit Websites einfach erstellen

Das Website-Starterkit ist ein vorkonfiguriertes Projekt, mit dem du im Handumdrehen Websites erstellen kannst.

Das Starterkit basiert auf Parcel, einem schnellen und einfachen Build-Tool für Webanwendungen. Um das nutzen zu können, solltest du dir zunächst eine Entwicklungsumgebung einrichten und dir Visual Studio Code installieren.

Entwicklungsumgebung einrichtenVisual Studio Code installieren

Neue Website erstellen

Du hast deine neue Website ruckzuck erstellt. Richte dein Projekt direkt über das Terminal deines Betriebssystems ein oder händisch über Visual Studio Code.

  1. Öffne das Terminal auf deinem Computer.

    Das Terminal startet in der Regel in deinem Benutzerverzeichnis ~/. Wenn du das Projekt an einem anderen Ort installieren möchtest, navigiere mit cd dorthin. Wie das funktioniert, erfährst du im Hilfstext Aktuellen Pfad kopieren.

  2. Führe im Terminal den folgenden Befehl aus, um deine Website zu erstellen:

    Terminal window
    npm create website-starterkit@latest

  3. Folge den Anweisungen, um das Projekt einzurichten.

  1. Erstelle dir auf deiner Festplatte einen neuen Ordner für dein Projekt.

  2. Öffne Visual Studio Code und wähle den neuen Ordner über Datei > Ordner öffnen.

  3. Zeige nun das Terminal in Visual Studio Code über das Menü Anzeige > Terminal oder Terminal > Neues Terminal an.

  4. Führe im Terminal den folgenden Befehl aus, um deine Website zu erstellen:

    Terminal window
    npm create website-starterkit@latest

  5. Folge den Anweisungen, um das Projekt einzurichten.

An der Website arbeiten

Bereit loszulegen? Öffne deinen Projektordner in Visual Studio Code und starte den Entwicklungsserver. Gib dazu einfach diesen Befehl im Terminal ein, um deine Änderungen live im Browser zu sehen:

Terminal window
npm run dev

Falls dabei etwas schiefgeht, findest du Lösungen für häufige Probleme auf der Seite Fehler beheben.