Kursinhalt
React-Meisterschaft
React-Meisterschaft
Starten und Ausführen eines React-Projekts mit Vite
Schritt 6: Initialisieren Sie das Projekt
Um das Projekt einzurichten, verwenden Sie das Terminal. Öffnen Sie das Terminal in Ihrem Code-Editor (falls es nicht bereits geöffnet ist), führen Sie den folgenden Befehl aus und drücken Sie die Eingabetaste:
python
Wenn Sie dazu aufgefordert werden, wählen Sie React als Framework mit den Pfeiltasten aus:
Wählen Sie dann entweder JavaScript oder TypeScript, je nach Ihrer Präferenz:
Nach Abschluss der Einrichtung wird Vite Sie auffordern, Abhängigkeiten zu installieren. Führen Sie den folgenden Befehl aus:
python
Sobald die Installation abgeschlossen ist, starten Sie den Entwicklungsserver mit folgendem Befehl:
python
Nach dem Ausführen dieser Befehle sehen Sie eine lokale Entwicklungs-URL — typischerweise: http://localhost:5173/
. Sie können diesen Link in Ihrem Browser öffnen, um die App live zu sehen.
Schritt 7: Anpassen beginnen
Das Projekt ist eingerichtet, Sie können es anpassen:
Ihre Hauptarbeit wird im src -Ordner stattfinden;
Sie finden Standarddateien wie
App.jsx
undmain.jsx
, die Sie je nach Bedarf Ihres Projekts ändern oder ersetzen können;Wenn Sie zuvor in CodeSandbox gearbeitet haben, erstellen Sie Ihre vertraute Struktur neu: Stellen Sie sicher, dass Sie eine
main.jsx
(das Vite-Äquivalent vonindex.js
) als Einstiegspunkt haben und Ihre Hauptanwendung inApp.jsx
aufbauen;Erstellen Sie bei Bedarf zusätzliche Ordner, um Ihre Komponenten, Stile und Assets zu organisieren.
Danke für Ihr Feedback!