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 Entwicklungs­umgebung einrichten und dir Visual Studio Code installieren.

Hier erfährst du, wie du das machst:

Entwicklungs­umgebung einrichten

Visual 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.

Terminal

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:

   npm create website-starterkit

3. Folge den Anweisungen, um das Projekt einzurichten.

Visual Studio Code

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:

   npm create website-starterkit

5. Folge den Anweisungen, um das Projekt einzurichten.

   Hinweis

   Wenn du gefragt wirst, wo das Projekt gespeichert werden soll, wähle die Option Im aktuellen Verzeichnis.

Bestehende Website bearbeiten

Nachdem du die Website eingerichtet hast, reicht es, deinen Ordner in Visual Studio Code zu öffnen folgenden Befehl ins Terminal einzugeben, um den Entwicklungsserver zu starten:

npm run dev

Zum Hintergrund

Das Website-Starterkit wurde von David Maciejewski erstellt, er ist Dozent des Seminars GT 1191, das im Studiengang Bachelor of Arts (BA) der Fakultät Gestaltung im Kompetenzfeld Digital Environments an der HAWK Hochschule für angewandte Wissenschaft und Kunst in Hildesheim angeboten wird.

Auf der Website zum Seminar findest du haufenweise Links zur Dokumentation von HTML und CSS, Assets wie Texte, Farben, Fonts und Bilder für deine Website, sowie zahlreiche Tutorials, die dir den Einstieg in die Webentwicklung erleichtern.