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.