Een project maken met npm create svelte
Maak de basis voor een nieuw SvelteKit-project met de officiële CLI en kies de juiste opties.
Een project maken met npm create svelte is een gratis Sveltejs Academy-les op CoddyKit. Dit is les 2 van 4. Je kunt de volledige les hieronder gratis lezen en daarna in de browser praktisch oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject Sveltejs Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus Sveltejs Academy bevat in totaal 4 lessen.
Projectgenerator
De officiële manier om een SvelteKit-project te starten is met de opdracht npm create svelte@latest. Die genereert een app die meteen kan worden uitgevoerd.
npm create svelte@latest my-appDe wizard vraagt
Je krijgt vragen over een sjabloon (skelet, demо-app), ondersteuning voor TypeScript en hulpmiddelen (ESLint, Prettier, Playwright, Vitest).
Sjabloonkeuzes
Het project Skeleton biedt de minimale indeling. De Demo-app bevat een klein voorbeeld van het spel Sverdle om te bestuderen.
TypeScript-optie
Kies Yes voor TypeScript als je typeveiligheid wilt. De wizard stelt de TS-configuratie in en gebruikt lang="ts" in scriptblokken.
Afhankelijkheden installeren
Ga na afloop van de wizard naar de projectmap en installeer de pakketten.
cd my-app
npm installDe ontwikkelserver starten
Gebruik het script dev om een server met live herladen te starten op http://localhost:5173.
npm run devOpenen in de browser
Ga naar de URL die in de terminal wordt weergegeven. Je ziet dan een welkomstpagina. Bewerk src/routes/+page.svelte en kijk hoe de pagina live wordt bijgewerkt.
Build voor productie
Het script build voert de compiler uit en maakt een uitvoermap die klaar is om te worden aangeboden.
npm run build
npm run previewEen pakketbeheerder kiezen
Je kunt npm, pnpm of yarn gebruiken. pnpm is populair vanwege het efficiënte schijfgebruik en de strikte afhankelijkheidsresolutie.
Editor instellen
Installeer de extensie Svelte for VS Code voor syntaxisaccentuering, IntelliSense en diagnostiek in .svelte-bestanden.
Git initialiseren is optioneel
De wizard biedt aan om een git-opslagplaats te initialiseren. Als je dit bevestigt, wordt een verstandig .gitignore-bestand toegevoegd.
Korte controle
Welke opdracht maakt een nieuw SvelteKit-project?
Samenvatting
Je kunt nu een project genereren, TypeScript en hulpmiddelen kiezen, afhankelijkheden installeren en scripts voor dev of build uitvoeren.
Leer HTML met een AI-tutor — gratis
Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.
- Cursussen
- 41
- Lessen
- 163
Veelgestelde vragen
Is de les “Een project maken met npm create svelte” gratis?
Ja — de volledige tekst van “Een project maken met npm create svelte” kun je hier gratis op het web lezen. Als je interactief wilt oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is, en de rest van de cursus Sveltejs Academy wilt ontgrendelen, kun je upgraden naar CoddyKit PRO. De cursus Sveltejs Academy bevat in totaal 4 lessen.
Wat leer ik in “Een project maken met npm create svelte”?
Maak de basis voor een nieuw SvelteKit-project met de officiële CLI en kies de juiste opties. Je oefent met Sveltejs Academy door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.
Heb ik ervaring nodig om met Sveltejs Academy te beginnen?
Ervaring vooraf is niet nodig. Sveltejs Academy op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 2 van 4.
Hoe lang duurt de les “Een project maken met npm create svelte”?
De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.
Kan ik code schrijven en uitvoeren in deze les over Sveltejs Academy?
Ja. Elke les over Sveltejs Academy bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.
Alle lessen in deze cursus
- Wat is Svelte en waarom compileert het?
- Een project maken met npm create svelte
- Projectstructuur: src routes static
- De ontwikkelserver en Hot Module Replacement