Skapa ett React-projekt med Vite

1. Installera Visual Studio Code

Om du inte redan har Visual Studio Code installerat, ladda ner och installera det från:
https://code.visualstudio.com

2. Installera Node.js

För att kunna skapa ett React-projekt med Vite behöver du ha Node.js installerat (version 16 eller senare).

Kontrollera om Node.js är installerat:

  1. Öppna terminalen (Command Prompt, PowerShell eller Terminal).
  2. Skriv följande kommando och tryck Enter: node -v
  3. Om Node.js är installerat visas ett versionsnummer, t.ex. v22.17.0.
    Om du får ett felmeddelande betyder det att Node.js inte är installerat.

3. Skapa ett nytt React-projekt med Vite

  1. Öppna Visual Studio Code.
  2. Gå till menyn File → Open Folder.
  3. Navigera till den mapp där du vill skapa projektet.
  4. Gå till menyn View → Terminal för att öppna en terminal
  5. Kör följande kommando: npm create vite@latest projekt-namn
    • Tips: projekt-namn kan bytas ut mot ett namn du tycker passar för projektet.
    • Regler för namn:
      • Endast små bokstäver (a–z)
      • Inga mellanslag (använd - eller _ om du behöver separera ord)
      • Börja med en bokstav (inte siffror eller specialtecken)
  6. Följ instruktionerna:
    • Välj React som mall.
    • Välj JavaScript som språk.
    • Låt övriga inställningar vara kvar på sina standardvärden

4. Öppna projektet i VS Code

  • Öppna projekt mappen via File → Open Folder.

5. Installera beroenden

I terminalen, kör:

npm install

6. Starta utvecklingsservern

I terminalen, kör:

npm run dev

En länk visas i terminalen, t.ex.:

http://localhost:5173/

Klicka på länken för att öppna projektet i webbläsaren. Du bör nu se standardvyn för ditt React-projekt.

Scroll to Top