Einrichten des Projektordners

Schritt 3: Erstellen Sie den Projektordner

Jetzt, da wir alle notwendigen externen Werkzeuge haben, können wir mit der Erstellung des Projekts beginnen. Die Aufgabe besteht darin, einen neuen leeren Ordner speziell für das Projekt zu erstellen, in dem nichts anderes gespeichert wird.

Schritte, die zu befolgen sind:

1. Wählen Sie einen Speicherort: Wählen Sie einen Speicherort auf Ihrem Computer, an dem Sie den Projektordner erstellen möchten. Es kann überall sein, wo Sie es bevorzugen, z. B. auf Ihrem Desktop oder in einem bestimmten Verzeichnis;
2. Erstellen Sie einen neuen Ordner: Klicken Sie mit der rechten Maustaste auf den gewählten Speicherort und wählen Sie "Neuer Ordner" aus dem Kontextmenü;
3. Benennen Sie den Ordner: Geben Sie dem Ordner einen aussagekräftigen Namen. Dies wird als Stammordner für Ihr React-Projekt dienen, also wählen Sie einen informativen und relevanten Namen für den Zweck Ihres Projekts. Zum Beispiel können Sie ihn movies-app, store-app, posts-app, learning-system-app nennen, etc.

Zum Beispiel erstellen wir den leeren Ordner mit dem Namen movies-app.

Schritt 4: Öffnen Sie den Ordner in Ihrem Code-Editor

Um mit der Arbeit am Projekt zu beginnen, müssen Sie den Ordner movies-app in Ihrem Code-Editor öffnen, sei es Visual Studio Code oder ein anderer Editor Ihrer Wahl.

Befolgen Sie diese Schritte:

• Starten Sie Ihren Code-Editor. In unserem Beispiel verwenden wir Visual Studio Code (VS Code);
• Klicken Sie auf das Explorer-Symbol in der oberen linken Ecke der VS Code-Oberfläche;

• Klicken Sie auf die Schaltfläche "Ordner öffnen" im Explorer-Panel;

• Suchen Sie den Ordner movies-app auf dem Computer und wählen Sie ihn aus. Nach Abschluss dieser Schritte sollten Sie den Ordnernamen movies-app in der Benutzeroberfläche Ihres Code-Editors sehen.

Jetzt, da Ihr Projektordner eingerichtet und in Ihrem Code-Editor geöffnet ist, sind Sie bereit, Ihre React-Anwendung zu erstellen!