Dela via

Installera React direkt i Windows

Den här guiden beskriver hur du konfigurerar en React-utvecklingsmiljö direkt i Windows med hjälp av Vite-klientdelsverktyget.

Vi rekommenderar dessa instruktioner om du är nybörjare på React eller skapar ett projekt som inte behöver en Linux-miljö. Om du planerar att använda Bash-verktyg i stor utsträckning eller distribuera till en Linux-server kan du installera React på WSL i stället.

Bakgrund om React och de olika scenarierna – webbappar, mobilappar (React Native) och interna skrivbordsappar (React Native for Desktop) – finns i Översikt över React.

Förutsättningar

  • Node.js: Krävs för att köra Vite och npm. Installera med nvm-windows för enkel versionshantering.

Skapa din React-app

  1. Öppna en terminal (Windows-kommandotolken eller PowerShell).

  2. Skapa en ny projektmapp och ange den:

    mkdir ReactProjects
cd ReactProjects

  3. Skapa en ny React-app med Vite:

    npm create vite@latest my-react-app -- --template react

    Vite skapar ett nytt React-projekt i my-react-app mappen .

  4. Navigera till den nya appmappen och installera beroenden:

    cd my-react-app
npm install

  5. Starta den lokala utvecklingsservern:

    npm run dev

    Appen kommer att vara tillgänglig på http://localhost:5173. Använd Ctrl+C för att stoppa servern.

  6. När du är redo att distribuera skapar du ett produktionspaket:

    npm run build

    Utdata placeras i dist mappen. Se Distribuera en statisk webbplats för värdalternativ.

Anmärkning

Vite är idealiskt för ensidesapplikationer (SPA). Om du behöver rendering på serversidan eller en Node.js serverdel bör du överväga Next.js i stället. Information om generering av statiska webbplatser finns i Gatsby.

Ytterligare resurser

  • Last updated on