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

Wie sieht es jedoch mit realen Projekten aus? Entwickeln alle Entwickler ihre Projekte in CodeSandbox? Natürlich nicht. Dieser Abschnitt hilft dabei, ein Projekt auf dem lokalen Rechner zu starten und führt Schritt für Schritt durch den Prozess.

Schritt 1: Node.js und npm installieren

Node.js und npm müssen auf dem lokalen Rechner installiert werden.

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

npm steht für "Node Package Manager". Es handelt sich um einen Paketmanager für Node.js, mit dem Entwickler JavaScript-Codepakete oder Module einfach installieren, verwalten und teilen können.

• Besuchen Sie die offizielle Node.js-Website: https://nodejs.org;
• Laden Sie das Installationsprogramm für Ihr Betriebssystem (Windows, macOS oder Linux) herunter. Die LTS-Version ist relevant, da sie stabil und zuverlässig ist;

• Den Installer ausführen und den Installationsanweisungen folgen;
• Nach der Installation sollten Node.js und npm (Node Package Manager) auf dem Rechner installiert sein.

Wie kann überprüft werden, ob Node.js und npm installiert sind?

Um zu prüfen, ob Node.js und npm auf dem Rechner installiert sind, kann das Terminal (Eingabeaufforderung, PowerShell oder Terminal-Emulator) geöffnet und die folgenden Befehle ausgeführt werden. Schritte:

1. Terminal öffnen;

• Windows: Win + X drücken und "Windows PowerShell" aus dem Menü auswählen. Alternativ im Startmenü nach "PowerShell" suchen;
• macOS: Zu "Programme" > "Dienstprogramme" > "Terminal" navigieren. Alternativ die "Spotlight"-Suche mit Cmd + Space öffnen und "Terminal" eingeben;
• Linux: Die Tastenkombination Ctrl + Alt + T wird häufig verwendet, um das Terminal unter vielen Linux-Distributionen zu öffnen. Je nach Distribution können auch andere Methoden wie die Suche nach "Terminal" im Anwendungsmenü oder eine andere Tastenkombination möglich sein.

Hinweis

Falls keine dieser Methoden funktioniert, empfiehlt es sich, die Dokumentation oder Support-Ressourcen des Betriebssystems zu konsultieren, um die passende Methode zum Öffnen des Terminals zu finden. Alternativ kann auch eine Internetsuche weiterhelfen.

2. Node.js-Version prüfen;

Im Terminal den folgenden Befehl ausführen.

node -v

Dieser Befehl zeigt die installierte Version von Node.js auf dem Rechner an. Ist Node.js installiert, wird die Versionsnummer angezeigt.

3. npm-Version prüfen.

Im Terminal den folgenden Befehl ausführen.

npm -v

Dieser Befehl zeigt die installierte Version von npm auf dem Rechner an. Ist npm installiert, wird die Versionsnummer angezeigt.

Wenn beide Befehle die Versionsnummern zurückgeben, sind Node.js und npm erfolgreich installiert und auf dem Rechner verfügbar. Werden die Befehle nicht erkannt oder tritt ein Fehler auf, bedeutet dies, dass Node.js und/oder npm nicht installiert sind oder die Installationspfade nicht korrekt konfiguriert wurden. In diesem Fall sollten die Installationsschritte für Node.js erneut überprüft und sichergestellt werden, dass die Installation erfolgreich abgeschlossen wurde. Gelegentlich wird empfohlen, den Rechner neu zu starten.

Hinweis

Welche Version angezeigt wird, ist derzeit nicht relevant.