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!
