PricingLoginStart free
Sveltejs Academy · leksjon

Opprette et prosjekt med npm create svelte

Opprett skjelettet til et nytt SvelteKit-prosjekt med den offisielle CLI-en, og velg riktige alternativer.

Leksjon 2 av 413 trinn

Opprette et prosjekt med npm create svelte er en gratis leksjon i Sveltejs Academy på CoddyKit. Dette er leksjon 2 av 4. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i Sveltejs Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i Sveltejs Academy inneholder totalt 4 leksjoner.

Verktøy for prosjektoppretting

Den offisielle måten å starte et SvelteKit-prosjekt på er kommandoen npm create svelte@latest. Den genererer en app som er klar til å kjøres.

npm create svelte@latest my-app

Veiviseren spør

Du blir bedt om å velge en mal (skjelett eller demoapp), TypeScript-støtte og verktøy (ESLint, Prettier, Playwright og Vitest).

Valg av mal

Skeleton-prosjektet gir deg den minimale strukturen. Demo-appen inneholder et lite eksempel på spillet Sverdle som du kan studere.

TypeScript-alternativet

Velg Yes for TypeScript hvis du ønsker typesikkerhet. Veiviseren setter opp TS-konfigurasjon og bruker lang="ts" i script-blokker.

Installer avhengigheter

Etter at veiviseren er ferdig, bytter du katalog og installerer pakkene.

cd my-app
npm install

Start utviklingsserveren

Bruk dev-scriptet for å starte en server med automatisk lasting på nytt på http://localhost:5173.

npm run dev

Åpne i nettleseren

Gå til URL-en som vises i terminalen. Du skal se en velkomstside. Rediger src/routes/+page.svelte og se hvordan den oppdateres direkte.

Bygg for produksjon

build-scriptet kjører kompilatoren og oppretter en utdatamappe som er klar til å serveres.

npm run build
npm run preview

Velg en pakkehåndtering

Du kan bruke npm, pnpm eller yarn. pnpm er populært på grunn av effektiv diskbruk og streng avhengighetsoppløsning.

Redigeringsoppsett

Installer utvidelsen Svelte for VS Code for syntaksutheving, IntelliSense og diagnostikk i .svelte-filer.

Valgfri Git-initialisering

Veiviseren tilbyr å initialisere et Git-repositorium. Hvis du svarer ja, legges det til en fornuftig .gitignore-fil.

Kort sjekk

Hvilken kommando oppretter et nytt SvelteKit-prosjekt?

Besvar den i den interaktive leksjonen

Oppsummering

Du kan nå opprette prosjektstrukturen, velge TypeScript og verktøy, installere avhengigheter og kjøre dev- eller build-script.

Gratis å komme i gang

Lær deg HTML med en AI-veileder – gratis

Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.

Kurs
41
Leksjoner
163
Start læringen gratisSe hele kurset

Ofte stilte spørsmål

Er leksjonen «Opprette et prosjekt med npm create svelte» gratis?

Ja – hele teksten i «Opprette et prosjekt med npm create svelte» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av Sveltejs Academy-kurset, kan du oppgradere til CoddyKit PRO. Kurset i Sveltejs Academy inneholder totalt 4 leksjoner.

Hva lærer jeg i «Opprette et prosjekt med npm create svelte»?

Opprett skjelettet til et nytt SvelteKit-prosjekt med den offisielle CLI-en, og velg riktige alternativer. Du øver på Sveltejs Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.

Trenger jeg erfaring for å begynne med Sveltejs Academy?

Ingen tidligere erfaring er nødvendig. Sveltejs Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 2 av 4.

Hvor lang tid tar leksjonen «Opprette et prosjekt med npm create svelte»?

De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.

Kan jeg skrive og kjøre kode i denne Sveltejs Academy-leksjonen?

Ja. Alle Sveltejs Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.

Alle leksjonene i dette kurset

  1. Hva er Svelte, og hvorfor kompileres det
  2. Opprette et prosjekt med npm create svelte
  3. Prosjektstruktur: src routes static
  4. Utviklingsserveren og Hot Module Replacement
← Tilbake til Sveltejs Academy