Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Starte og Køre et React-Projekt med Vite | Strukturering af Virkelige React-Projekter
React Mastery

bookStarte og Køre et React-Projekt med Vite

Trin 6: Initialiser projektet

For at opsætte projektet skal du bruge terminalen. Åbn terminalen i din kodeeditor (hvis den ikke allerede er åben), kør følgende kommando, og tryk på Enter:

npm create vite@latest .

Når du bliver bedt om det, skal du vælge React som framework ved hjælp af piletasterne:

Vælg derefter enten JavaScript eller TypeScript, afhængigt af din præference:

Når opsætningen er fuldført, vil Vite bede dig om at installere afhængigheder. Kør følgende kommando:

npm install

Når installationen er færdig, start udviklingsserveren ved at køre:

npm run dev

Efter at have kørt disse kommandoer, vil du se en lokal udviklings-URL — typisk: http://localhost:5173/. Du kan åbne dette link i din browser for at se appen live.

Trin 7: Begynd tilpasning

Projektet er sat op, og du kan begynde at tilpasse det:

  • Dit hovedarbejde foregår i src-mappen;
  • Du finder standardfiler som App.jsx og main.jsx, som du kan ændre eller erstatte afhængigt af projektets behov;
  • Hvis du tidligere har arbejdet i CodeSandbox, kan du genskabe din velkendte struktur: sørg for at have en main.jsx (Vites ækvivalent til index.js) som indgangspunkt og byg din hovedapplikation i App.jsx;
  • Opret yderligere mapper efter behov for at organisere dine komponenter, styles og assets.
question mark

Hvilken kommando bruges til at starte et nyt React-projekt med Vite?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 5

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Awesome!

Completion rate improved to 2.17

bookStarte og Køre et React-Projekt med Vite

Stryg for at vise menuen

Trin 6: Initialiser projektet

For at opsætte projektet skal du bruge terminalen. Åbn terminalen i din kodeeditor (hvis den ikke allerede er åben), kør følgende kommando, og tryk på Enter:

npm create vite@latest .

Når du bliver bedt om det, skal du vælge React som framework ved hjælp af piletasterne:

Vælg derefter enten JavaScript eller TypeScript, afhængigt af din præference:

Når opsætningen er fuldført, vil Vite bede dig om at installere afhængigheder. Kør følgende kommando:

npm install

Når installationen er færdig, start udviklingsserveren ved at køre:

npm run dev

Efter at have kørt disse kommandoer, vil du se en lokal udviklings-URL — typisk: http://localhost:5173/. Du kan åbne dette link i din browser for at se appen live.

Trin 7: Begynd tilpasning

Projektet er sat op, og du kan begynde at tilpasse det:

  • Dit hovedarbejde foregår i src-mappen;
  • Du finder standardfiler som App.jsx og main.jsx, som du kan ændre eller erstatte afhængigt af projektets behov;
  • Hvis du tidligere har arbejdet i CodeSandbox, kan du genskabe din velkendte struktur: sørg for at have en main.jsx (Vites ækvivalent til index.js) som indgangspunkt og byg din hovedapplikation i App.jsx;
  • Opret yderligere mapper efter behov for at organisere dine komponenter, styles og assets.
question mark

Hvilken kommando bruges til at starte et nyt React-projekt med Vite?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 5
some-alt