Freigeben über

Installation von React direkt unter Windows

Dieser Leitfaden führt Sie durch das Einrichten einer React-Entwicklungsumgebung direkt unter Windows mithilfe des Vite-Frontend-Tools.

Wir empfehlen diese Anweisungen, wenn Sie noch nicht mit React beginnen oder ein Projekt erstellen, das keine Linux-Umgebung benötigt. Wenn Sie beabsichtigen, die Bash-Tools umfassend zu verwenden oder auf einem Linux-Server bereitzustellen, sollten Sie stattdessen React auf WSL installieren .

Hintergrundinformationen zu React und den verschiedenen Szenarien – Web-Apps, mobile Apps (React Native) und native Desktop-Apps (React Native for Desktop) – finden Sie in der React-Übersicht.

Voraussetzungen

  • Node.js: Erforderlich, um Vite und npm auszuführen. Installieren Sie nvm-windows für die einfache Versionsverwaltung.

Erstellen Ihrer React-App

  1. Öffnen Sie ein Terminal (Windows-Eingabeaufforderung oder PowerShell).

  2. Erstellen Sie einen neuen Projektordner, und geben Sie ihn ein:

    mkdir ReactProjects
cd ReactProjects

  3. Erstellen Sie eine neue React-App mit Vite:

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

    Vite erstellt ein Gerüst für ein neues React-Projekt im my-react-app Ordner.

  4. Navigieren Sie zum neuen App-Ordner, und installieren Sie Abhängigkeiten:

    cd my-react-app
npm install

  5. Starten Sie den lokalen Entwicklungsserver:

    npm run dev

    Ihre App steht bereit unter http://localhost:5173. Verwenden Sie STRG+C , um den Server zu beenden.

  6. Wenn Sie bereit für die Bereitstellung sind, erstellen Sie ein Produktionspaket:

    npm run build

    Die Ausgabe wird im Ordner dist abgelegt. Siehe Bereitstellen einer statischen Website für Hostingoptionen.

Hinweis

Vite eignet sich ideal für Einzelseiten-Apps (SPAs). Wenn Sie serverseitiges Rendering oder ein Node.js Back-End benötigen, sollten Sie stattdessenNext.js in Betracht ziehen. Informationen zur Generierung statischer Websites finden Sie unter Gatsby.

Zusätzliche Ressourcen

  • Last updated on