Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Verstehen Der React-Projektstruktur | Ausführen und Erkunden Eines React-Projekts
Einführung in React

bookVerstehen Der React-Projektstruktur

Wenn Sie ein React-Projekt mit Vite erstellen, generiert es eine Reihe von Dateien und Ordnern, die die Projektstruktur bilden. Auf den ersten Blick kann diese Struktur überwältigend wirken, aber Sie müssen nicht alles sofort verstehen.

Untersuchen Sie, wofür jeder Hauptordner und jede Datei verwendet wird und mit welchen Teilen Sie am häufigsten arbeiten werden.

Übersicht über das Projektverzeichnis

Ein Vite React-Projekt enthält typischerweise die folgenden Elemente auf der obersten Ebene:

  • node_modules;
  • public;
  • src;
  • index.html;
  • package.json;
  • package-lock.json;
  • vite.config.js;
  • eslint.config.js;
  • .gitignore;
  • README.md;

Im Folgenden werden die wichtigsten davon erläutert.

question mark

Welcher Ordner enthält den Großteil Ihres React-Anwendungscodes?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 2

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

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

bookVerstehen Der React-Projektstruktur

Swipe um das Menü anzuzeigen

Wenn Sie ein React-Projekt mit Vite erstellen, generiert es eine Reihe von Dateien und Ordnern, die die Projektstruktur bilden. Auf den ersten Blick kann diese Struktur überwältigend wirken, aber Sie müssen nicht alles sofort verstehen.

Untersuchen Sie, wofür jeder Hauptordner und jede Datei verwendet wird und mit welchen Teilen Sie am häufigsten arbeiten werden.

Übersicht über das Projektverzeichnis

Ein Vite React-Projekt enthält typischerweise die folgenden Elemente auf der obersten Ebene:

  • node_modules;
  • public;
  • src;
  • index.html;
  • package.json;
  • package-lock.json;
  • vite.config.js;
  • eslint.config.js;
  • .gitignore;
  • README.md;

Im Folgenden werden die wichtigsten davon erläutert.

question mark

Welcher Ordner enthält den Großteil Ihres React-Anwendungscodes?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 2
some-alt