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.jsx und main.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 zu index.js) als Einstiegspunkt haben und bauen Sie Ihre Hauptanwendung in App.jsx auf;
• Erstellen Sie bei Bedarf zusätzliche Ordner, um Ihre Komponenten, Styles und Assets zu organisieren.