„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > Richten Sie React mit Vite Schritt für Schritt ein

Richten Sie React mit Vite Schritt für Schritt ein

Veröffentlicht am 08.11.2024
Durchsuche:880

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

Setup React With Vite Step-by-Step

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

Setup React With Vite Step-by-Step

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

Setup React With Vite Step-by-Step

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

Setup React With Vite Step-by-Step

Und das ist alles; Sie haben jetzt Ihr Vite-Projekt
Setup React With Vite Step-by-Step

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

Setup React With Vite Step-by-Step

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

Setup React With Vite Step-by-Step

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

Setup React With Vite Step-by-Step


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

Freigabeerklärung Dieser Artikel ist abgedruckt unter: https://dev.to/ramadhan002/setup-react-with-vite-step-by-step-48mi?1 Bei Verstößen wenden Sie sich bitte an [email protected], um ihn zu löschen
Neuestes Tutorial Mehr>

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