Delen via

React rechtstreeks installeren in Windows

In deze handleiding wordt uitgelegd hoe u een React-ontwikkelomgeving rechtstreeks in Windows instelt met behulp van de vite-front-endhulpprogramma's.

We raden deze instructies aan als u niet bekend bent met React of een project bouwt dat geen Linux-omgeving nodig heeft. Als u van plan bent om Bash-hulpprogramma's uitgebreid te gebruiken of op een Linux-server te implementeren, kunt u in plaats daarvan React op WSL installeren .

Zie het React-overzicht voor achtergrondinformatie over React en de verschillende scenario's, web-apps, mobiele apps (React Native) en systeemeigen bureaublad-apps (React Native voor Desktop).

Vereiste voorwaarden

  • Node.js: vereist om Vite en npm uit te voeren. Installeren met nvm-windows voor eenvoudig versiebeheer.

Uw React-app maken

  1. Open een terminal (Windows-opdrachtprompt of PowerShell).

  2. Maak een nieuwe projectmap en voer deze in:

    mkdir ReactProjects
cd ReactProjects

  3. Maak een nieuwe React-app met behulp van Vite:

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

    Vite zal een nieuw React-project in de my-react-app map maken.

  4. Navigeer naar de nieuwe map voor de applicatie en installeer afhankelijkheden.

    cd my-react-app
npm install

  5. Start de lokale ontwikkelserver:

    npm run dev

    Uw app is beschikbaar op http://localhost:5173. Gebruik Ctrl+C om de server te stoppen.

  6. Wanneer u klaar bent om te implementeren, bouwt u een productiebundel:

    npm run build

    De uitvoer wordt in de dist map geplaatst. Zie Een statische site implementeren voor hostingopties.

Opmerking

Vite is ideaal voor apps met één pagina (SPA's). Als u server-side rendering of een Node.js back-end nodig hebt, kunt u in plaats daarvan Next.js overwegen. Zie Gatsby voor het genereren van statische sites.

Aanvullende bronnen

  • Last updated on