Ein Projekt mit npm create svelte erstellen
Erstellen Sie ein neues SvelteKit-Projekt mit der offiziellen CLI und wählen Sie die passenden Optionen.
Ein Projekt mit npm create svelte erstellen ist eine kostenlose Sveltejs Academy-Lektion auf CoddyKit. Dies ist Lektion 2 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Sveltejs Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Scaffolding-Tool
Der offizielle Weg, ein SvelteKit-Projekt zu starten, ist der Befehl npm create svelte@latest. Er erzeugt eine sofort ausführbare App.
npm create svelte@latest my-appDie Fragen des Assistenten
Sie werden nach einem Template (Skeleton, Demo-App), TypeScript-Unterstützung und Tools (ESLint, Prettier, Playwright, Vitest) gefragt.
Template-Auswahl
Das Skeleton-Projekt stellt das minimale Layout bereit. Die Demo-App enthält ein kleines Sverdle-Spielbeispiel zum Studieren.
TypeScript-Option
Wählen Sie „Yes“ für TypeScript, wenn Sie Typsicherheit wünschen. Der Assistent richtet die TS-Konfiguration ein und verwendet lang="ts" in Script-Blöcken.
Abhängigkeiten installieren
Wechseln Sie nach Abschluss des Assistenten in das Projektverzeichnis und installieren Sie die Pakete.
cd my-app
npm installDev-Server starten
Verwenden Sie das dev-Script, um einen Server mit Hot Reloading unter http://localhost:5173 zu starten.
npm run devIm Browser öffnen
Rufen Sie die im Terminal ausgegebene URL auf. Sie sollten eine Willkommensseite sehen. Bearbeiten Sie src/routes/+page.svelte und beobachten Sie die Live-Aktualisierung.
Produktions-Build
Das build-Script führt den Compiler aus und erzeugt ein bereitstellungsfertiges Ausgabeverzeichnis.
npm run build
npm run previewPaketmanager auswählen
Sie können npm, pnpm oder yarn verwenden. pnpm ist wegen seiner effizienten Festplattennutzung und strikten Auflösung beliebt.
Editor einrichten
Installieren Sie die Erweiterung Svelte for VS Code, um Syntaxhervorhebung, IntelliSense und Diagnosen in .svelte-Dateien zu erhalten.
Git-Initialisierung optional
Der Assistent bietet an, ein Git-Repository zu initialisieren. Wenn Sie zustimmen, wird eine sinnvolle .gitignore-Datei hinzugefügt.
Kurze Überprüfung
Welcher Befehl erstellt ein neues SvelteKit-Projekt?
Zusammenfassung
Sie können nun ein Projekt aufsetzen, TypeScript und Tools auswählen, Abhängigkeiten installieren und Dev- oder Build-Scripts ausführen.
Häufig gestellte Fragen
Ist die Lektion „Ein Projekt mit npm create svelte erstellen“ kostenlos?
Ja — der vollständige Text von „Ein Projekt mit npm create svelte erstellen“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Sveltejs Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Ein Projekt mit npm create svelte erstellen“?
Erstellen Sie ein neues SvelteKit-Projekt mit der offiziellen CLI und wählen Sie die passenden Optionen. Du übst Sveltejs Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Sveltejs Academy zu starten?
Keine Vorkenntnisse erforderlich. Sveltejs Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 2 von 4.
Wie lange dauert die Lektion „Ein Projekt mit npm create svelte erstellen“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Sveltejs Academy-Lektion Code schreiben und ausführen?
Ja. Jede Sveltejs Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Was ist Svelte und warum wird es kompiliert
- Ein Projekt mit npm create svelte erstellen
- Projektstruktur: src routes static
- Der Entwicklungsserver und Hot Module Replacement