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 von Optimierungen durch 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 React
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 aus, den Sie ausführen sollen
### 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
Abschluss:
Sehen Sie, es ist überhaupt nicht schwierig und der gesamte Vorgang dauert nicht lange.
Jetzt haben Sie erfolgreich gelernt, ReactJS-Anwendungen mit Vitejs zu installieren
Danke schön
Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.
Copyright© 2022 湘ICP备2022001581号-3