Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Starten und Ausführen eines React-Projekts mit Vite | React in der Realen Welt
React-Meisterschaft
course content

Kursinhalt

React-Meisterschaft

React-Meisterschaft

2. Styling in React Apps
3. React Hooks und Context
4. React in der Realen Welt

book
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 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.

question mark

Welcher Befehl wird verwendet, um ein neues React-Projekt mit Vite zu starten?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 5

Fragen Sie AI

expand
ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

course content

Kursinhalt

React-Meisterschaft

React-Meisterschaft

2. Styling in React Apps
3. React Hooks und Context
4. React in der Realen Welt

book
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 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.

question mark

Welcher Befehl wird verwendet, um ein neues React-Projekt mit Vite zu starten?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 5
Wir sind enttäuscht, dass etwas schief gelaufen ist. Was ist passiert?
some-alt