Richten Sie React mit Vite Schritt für Schritt ein

Vite ist ein modernes Build-Tool, das eine schnelle und effiziente Entwicklungserfahrung bietet, insbesondere für JavaScript-basierte Anwendungen wie React, Vue und andere.

Vite selbst konzentriert sich mehr auf Entwicklungsgeschwindigkeit mit minimaler Konfiguration und schnelleren Ladezeiten während des Entwicklungsprozesses. Aufgrund der Optimierungen durch das Rollup sind die Produktionsaufbauzeiten in der Regel auch schneller

In diesem Tutorial erfahren Sie Schritt für Schritt, wie Sie Reactjs mit Vite installieren

Schritt 1
Öffnen Sie die Terminalanwendung, die Sie haben, hier verwende ich cmder, und gehen Sie zu dem Ordner, in dem Sie die Anwendung installieren möchten

Schritt 2
Um den Installationsprozess durchzuführen, können Sie „yarn“ oder „npm“ verwenden.
Geben Sie den folgenden Befehl in Ihr Terminal ein:

##NPM
npm create vite@latest

##YARN
yarn create vite

Ich verwende Garn.

Nachdem Sie den obigen Befehl ausgeführt haben, werden Sie aufgefordert, den Namen der Anwendung einzugeben, die Sie erstellen möchten, wie im folgenden Bild gezeigt

Schritt 3
Sie sehen eine Liste. Verwenden Sie die Pfeiltasten, um in der Liste nach oben und unten zu navigieren. Klicken Sie auf die Eingabetaste, um Ihre bevorzugte Option auszuwählen.
In diesem Schritt wählen wir „Reagieren“

Schritt 3
Sie sehen fünf Optionen zur Auswahl. Navigieren Sie zu und wählen Sie
aus hier wähle ich Typescript SWC

Und das ist alles; Sie haben jetzt Ihr Vite-Projekt

Schritt 4
Wie in den Endergebnissen in Schritt 3 beschrieben, werden Sie aufgefordert, den von Ihnen erstellten Anwendungsordner einzugeben. Anschließend führen Sie den Befehl wie angewiesen aus

### masuk ke folder aplikasi anda
cd react-vite

### install dependencies
yarn install

Schritt 5
Nachdem alle Prozesse in Schritt 4 erfolgreich waren, müssen Sie zum Ausführen der Anwendung den folgenden Befehl ausführen

### npm 
npm run dev

### yarn
yarn dev

Nachdem die Anwendung erfolgreich ausgeführt wurde, können Sie über den im Terminal angezeigten Link auf die Anwendung zugreifen

Fazit:
Sehen Sie, es ist überhaupt nicht schwierig und der gesamte Vorgang dauert nicht lange.

Jetzt haben Sie erfolgreich gelernt, die ReactJS-Anwendung mit Vitejs zu installieren

Vielen Dank

Das obige ist der detaillierte Inhalt vonRichten Sie React mit Vite Schritt für Schritt ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!