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:

npm create vite@latest .

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:

npm install

Sobald die Installation abgeschlossen ist, starten Sie den Entwicklungsserver mit folgendem Befehl:

npm run dev

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