Starten und Ausführen Eines React-Projekts Mit Vite
Schritt 6: Projekt initialisieren
Zur Einrichtung des Projekts das Terminal verwenden. Das Terminal im Code-Editor öffnen (falls noch nicht geöffnet), den folgenden Befehl ausführen und Enter drücken:
npm create vite@latest .
Bei der Aufforderung React als Framework mit den Pfeiltasten auswählen:
Anschließend entweder JavaScript oder TypeScript je nach Präferenz auswählen:
Nach Abschluss der Einrichtung fordert Vite zur Installation der Abhängigkeiten auf. Führen Sie den folgenden Befehl aus:
npm install
Nach Abschluss der Installation den Entwicklungsserver mit folgendem Befehl starten:
npm run dev
Nach Ausführung dieser Befehle erscheint eine lokale Entwicklungs-URL — typischerweise: http://localhost:5173/. Dieser Link kann im Browser geöffnet werden, um die Anwendung live zu betrachten.
Schritt 7: Anpassen beginnen
Das Projekt ist eingerichtet, Sie können mit der Anpassung beginnen:
- Die Hauptarbeit findet im src-Ordner statt;
- Dort finden Sie Standarddateien wie
App.jsxundmain.jsx, die Sie je nach Bedarf Ihres Projekts ändern oder ersetzen können; - Falls Sie zuvor in CodeSandbox gearbeitet haben, stellen Sie Ihre gewohnte Struktur wieder her: Stellen Sie sicher, dass Sie eine
main.jsx(das Vite-Äquivalent zuindex.js) als Einstiegspunkt haben und bauen Sie Ihre Hauptanwendung inApp.jsxauf; - Erstellen Sie bei Bedarf zusätzliche Ordner, um Ihre Komponenten, Styles und Assets zu organisieren.
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
What should I do if I encounter an error during the setup process?
Can you explain the difference between JavaScript and TypeScript for this project?
Where can I find the main files to start customizing my app?
Großartig!
Completion Rate verbessert auf 2.17Starten und Ausführen Eines React-Projekts Mit Vite
Swipe um das Menü anzuzeigen
Schritt 6: Projekt initialisieren
Zur Einrichtung des Projekts das Terminal verwenden. Das Terminal im Code-Editor öffnen (falls noch nicht geöffnet), den folgenden Befehl ausführen und Enter drücken:
npm create vite@latest .
Bei der Aufforderung React als Framework mit den Pfeiltasten auswählen:
Anschließend entweder JavaScript oder TypeScript je nach Präferenz auswählen:
Nach Abschluss der Einrichtung fordert Vite zur Installation der Abhängigkeiten auf. Führen Sie den folgenden Befehl aus:
npm install
Nach Abschluss der Installation den Entwicklungsserver mit folgendem Befehl starten:
npm run dev
Nach Ausführung dieser Befehle erscheint eine lokale Entwicklungs-URL — typischerweise: http://localhost:5173/. Dieser Link kann im Browser geöffnet werden, um die Anwendung live zu betrachten.
Schritt 7: Anpassen beginnen
Das Projekt ist eingerichtet, Sie können mit der Anpassung beginnen:
- Die Hauptarbeit findet im src-Ordner statt;
- Dort finden Sie Standarddateien wie
App.jsxundmain.jsx, die Sie je nach Bedarf Ihres Projekts ändern oder ersetzen können; - Falls Sie zuvor in CodeSandbox gearbeitet haben, stellen Sie Ihre gewohnte Struktur wieder her: Stellen Sie sicher, dass Sie eine
main.jsx(das Vite-Äquivalent zuindex.js) als Einstiegspunkt haben und bauen Sie Ihre Hauptanwendung inApp.jsxauf; - Erstellen Sie bei Bedarf zusätzliche Ordner, um Ihre Komponenten, Styles und Assets zu organisieren.
Danke für Ihr Feedback!
