Delen via

React rechtstreeks installeren in Windows

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

We raden u aan deze instructies te volgen als u niet bekend bent met React en alleen geïnteresseerd bent in leren. Als u een single-page applicatie (SPA) maakt die u wilt gebruiken met Bash-opdrachten of -hulpprogramma's en/of wilt implementeren op een Linux-server, raden we u aan om vite te installeren op het Windows-subsysteem voor Linux (WSL).

Zie het React-overzicht voor meer algemene informatie over React, het kiezen tussen React (web-apps), React Native (mobiele apps) en React Native voor Desktop (desktop-apps).

Uw React-app maken

Om Create React App te installeren:

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

  2. Maak een nieuwe projectmap: mkdir ReactProjects en voer die map in: cd ReactProjects.

  3. React installeren met behulp van Vite:

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

  4. Nadat u de app hebt geïnstalleerd, wijzigt u de mappen in uw nieuwe app ('my-react-app' of wat u ook hebt gekozen om deze aan te roepen): cd my-react-appinstalleert u de afhankelijkheden: npm install en start vervolgens de lokale ontwikkelserver: npm run dev

    Met deze opdracht wordt de Node.js server gestart en wordt een nieuw browservenster geopend met uw app. U kunt Ctrl + c gebruiken om te stoppen met het uitvoeren van de React-app in de opdrachtregel.

Opmerking

Vite bevat een front-end-build-pijplijn met behulp van Babel, esbuild en Rollup, maar verwerkt geen back-endlogica of databases. Als u een server-renderde website wilt bouwen met React die gebruikmaakt van een Node.js back-end, raden we u aan om Next.jste installeren in plaats van deze Vite-installatie, die meer is bedoeld voor apps met één pagina (SPA's). U kunt ook overwegen Gatsby te installeren als u een statische inhoudsgerichte website wilt bouwen.

  1. Wanneer u klaar bent om de webapp in productie te implementeren, voert u npm run build uit om een build van uw app te maken in de map 'dist'. Meer informatie vindt u in het implementeren van een statische site.

Aanvullende bronnen

  • Last updated on