Einrichtung der Umgebung

In den vorherigen Abschnitten haben wir die Grundlagen von React gelernt. Wir wissen jetzt, wie man Komponenten erstellt, verwaltet, Informationen rendert und Logik implementiert. Allerdings wurden all diese Aufgaben in CodeSandbox durchgeführt, was hervorragend zum Lernen ist.

Aber was ist mit Projekten in der realen Welt? Erstellen alle Entwickler Projekte in CodeSandbox? Natürlich nicht. Dieser Abschnitt ist dazu gedacht, Ihnen zu helfen, Ihr Projekt auf Ihrem lokalen Rechner zu starten und Sie Schritt für Schritt durch den Prozess zu führen.

Schritt 1: Installieren Sie Node.js und npm

Wir müssen Node.js und npm auf dem lokalen Rechner installieren.

Node.js ist eine Open-Source-Laufzeitumgebung, die es uns ermöglicht, JavaScript-Code auf der Serverseite auszuführen.

npm steht für "Node Package Manager". Es ist ein Paketmanager für Node.js, der es Entwicklern ermöglicht, wiederverwendbare JavaScript-Codepakete oder Module einfach zu installieren, zu verwalten und zu teilen.

• Gehen Sie zur offiziellen Node.js-Website: https://nodejs.org;
• Laden Sie das Installationsprogramm für Ihr Betriebssystem herunter (Windows, macOS oder Linux). Wir sind an der LTS-Version interessiert, da sie stabil und funktionsfähig ist;

• Führen Sie das Installationsprogramm aus und folgen Sie den Installationsanweisungen;
• Nach der Installation sollten wir Node.js und npm (Node Package Manager) auf dem Rechner installiert haben.

Wie können wir überprüfen, ob Node.js und npm installiert sind?

Um zu überprüfen, ob Node.js und npm auf dem Rechner installiert sind, können wir das Terminal des Computers (Eingabeaufforderung, PowerShell oder Terminalemulator) öffnen und die Befehle ausführen. Schritte:

1. Öffnen Sie das Terminal;

• Windows: Drücken Sie Win + X und wählen Sie "Windows PowerShell" aus dem Menü. Alternativ suchen Sie im Startmenü nach "PowerShell";
• macOS: Gehen Sie zu "Programme" > "Dienstprogramme" > "Terminal". Eine andere Möglichkeit ist die Verwendung der "Spotlight"-Suche, indem Sie Cmd + Space drücken und "Terminal" eingeben;
• Linux: Die Verknüpfung Ctrl + Alt + T wird häufig verwendet, um das Terminal auf vielen Linux-Distributionen zu öffnen. Je nach spezifischer Distribution kann es jedoch andere Methoden geben, wie das Suchen nach "Terminal" im Anwendungsmenü oder die Verwendung einer anderen Tastenkombination.

Hinweis

Wenn keine dieser Methoden funktioniert, wird empfohlen, die Dokumentation oder Support-Ressourcen für das Betriebssystem zu konsultieren, um die geeignete Methode zum Öffnen des Terminals zu finden. Oder wir können immer googeln.

2. Überprüfen Sie die Node.js-Version;

Führen Sie im Terminal den folgenden Befehl aus.

Dieser Befehl zeigt die Version von Node.js an, die auf dem Rechner installiert ist. Wenn Node.js installiert ist, sehen wir die Versionsnummer.

3. Überprüfen Sie die npm-Version.

Führen Sie im Terminal den folgenden Befehl aus.

Dieser Befehl zeigt die Version von npm an, die auf dem Rechner installiert ist. Wenn npm installiert ist, sehen wir die Versionsnummer.

Wenn beide Befehle die Versionsnummern zurückgeben, sind Node.js und npm erfolgreich installiert und auf dem Rechner verfügbar. Wenn die Befehle nicht erkannt werden oder einen Fehler zurückgeben, bedeutet dies, dass Node.js und/oder npm nicht installiert sind oder ihre Installationspfade nicht korrekt konfiguriert sind. In diesem Fall müssen wir möglicherweise die Installationsschritte für Node.js erneut durchgehen und sicherstellen, dass die Installation erfolgreich abgeschlossen wurde. Manchmal wird empfohlen, den Rechner neu zu starten.

Hinweis

Welche Version wir bekommen, spielt im Moment keine Rolle.