So installieren Sie Node.js und erstellen eine lokale Entwicklungsumgebung unter Windows

Der Autor hat Code.org ausgewählt, um eine Spende im Rahmen des Write for DOnations-Programms zu erhalten.

Einführung

Node.js ist eine beliebte JavaScript Laufzeitumgebung, die Ihnen dabei hilft, mit Front-End-JavaScript-Bibliotheken wie React, Angular und Vue zu arbeiten. Sie können auch Full-Stack-Anwendungen mit den Frameworks Express und Nest erstellen. Um JavaScript-Anwendungen zu erstellen, benötigen Sie eine lokale Node-Umgebung.

In diesem Tutorial richten Sie eine lokale Node.js-Programmierumgebung für Ihren Windows-Computer ein.

Voraussetzungen

Sie benötigen einen Desktop- oder Laptop-Computer mit Windows 10 und Administratorzugriff sowie eine Internetverbindung.

Schritt 1 — Installation von Node.js mit Node Version Manager

Node Version Manager oder NVM ist die bevorzugte Methode zur Installation von Node.js auf Ihrem Computer. NVM ermöglicht es Ihnen, mehrere Versionen von Node.js gleichzeitig zu verwalten, was hilfreich ist, wenn Sie spezifische Node-Versionen für verschiedene Projekte benötigen. NVM hat eine Windows-Version, die Sie in diesem Schritt zur Installation von Node.js verwenden werden.

Besuchen Sie die NVM-Windows-Veröffentlichungsseite, um die neueste Version zu erhalten. Zum Zeitpunkt der Erstellung dieses Tutorials ist die neueste NVM-Version 1.1.9.

Scrollen Sie zum Abschnitt Assets und klicken Sie auf nvm-setup.exe, um die Einrichtungsdatei in den Downloadordner Ihres Computers herunterzuladen:

Nach Abschluss des Downloads navigieren Sie zu Ihrem Download-Speicherort und doppelklicken Sie auf die Datei nvm-setup.exe, um den Installationsprozess zu starten.

Der Installationsassistent wird geladen und bietet Optionen zur Auswahl, wie z.B. den Zielordner für das Tool:

Befolgen Sie die Installationsanweisungen, um NVM auf Ihrem Computer zu installieren.

Öffnen Sie als nächstes das Terminal, die Eingabeaufforderung oder PowerShell als Administrator auf Ihrem Computer.

Verwenden Sie diesen Befehl, um die NVM-Installation zu überprüfen:

nvm -v

Sie sehen die folgende Ausgabe mit der NVM-Version:

Output
Running version 1.1.9.
...

Sie können anzeigen, welche Node-Versionen mit diesem Befehl installiert werden können:

nvm list available

Sie werden eine Liste der Node-Versionen sehen:

Output
|   CURRENT    |     LTS      |  OLD STABLE  | OLD UNSTABLE |
|--------------|--------------|--------------|--------------|
|    18.7.0    |   16.16.0    |   0.12.18    |   0.11.16    |
|    18.6.0    |   16.15.1    |   0.12.17    |   0.11.15    |
|    18.5.0    |   16.15.0    |   0.12.16    |   0.11.14    |
|    18.4.0    |   16.14.2    |   0.12.15    |   0.11.13    |
|    18.3.0    |   16.14.1    |   0.12.14    |   0.11.12    |
|    18.2.0    |   16.14.0    |   0.12.13    |   0.11.11    |
|    18.1.0    |   16.13.2    |   0.12.12    |   0.11.10    |
|    18.0.0    |   16.13.1    |   0.12.11    |    0.11.9    |
|    17.9.1    |   16.13.0    |   0.12.10    |    0.11.8    |
|    17.9.0    |   14.20.0    |    0.12.9    |    0.11.7    |
|    17.8.0    |   14.19.3    |    0.12.8    |    0.11.6    |
|    17.7.2    |   14.19.2    |    0.12.7    |    0.11.5    |
|    17.7.1    |   14.19.1    |    0.12.6    |    0.11.4    |
|    17.7.0    |   14.19.0    |    0.12.5    |    0.11.3    |
|    17.6.0    |   14.18.3    |    0.12.4    |    0.11.2    |
|    17.5.0    |   14.18.2    |    0.12.3    |    0.11.1    |
|    17.4.0    |   14.18.1    |    0.12.2    |    0.11.0    |
|    17.3.1    |   14.18.0    |    0.12.1    |    0.9.12    |
|    17.3.0    |   14.17.6    |    0.12.0    |    0.9.11    |
|    17.2.0    |   14.17.5    |   0.10.48    |    0.9.10    |

Node hat zwei Hauptversionen: Aktuell und LTS für Langzeitunterstützung. Für Entwicklungszwecke wird empfohlen, die LTS-Version zu installieren. Sie können auch mehr darüber lesen, welche Node-Version verwendet werden soll.

Sie werden dann die neueste LTS-Version aus dieser Liste mit folgendem Befehl installieren:

nvm install 16.16.0

Node.js Version 16.16.0 wird auf Ihrem Computer installiert:

Output
Downloading node.js version 16.16.0 (64-bit)...
Extracting...
Complete

Installation complete. If you want to use this version, type

nvm use 16.16.0

Überprüfen Sie die auf Ihrem Computer installierten Node-Versionen:

nvm list

Sie werden eine Liste der verfügbaren Node-Versionen sehen:

Output
    16.16.0
  * 16.15.0 (Currently using 64-bit executable)
    14.16.0
    8.12.0

Wenn Sie mehr als eine Version installiert haben, können Sie eine andere Version aus dieser Liste mit nvm use auswählen und die gewünschte Version angeben:

nvm use 16.16.0

Sie werden eine Ausgabe wie diese sehen:

Output
Now using node v16.16.0 (64-bit)

Verwenden Sie den folgenden Befehl, um die Node-Version zu überprüfen:

node --version

Sie werden die Node-Version in der Ausgabe sehen:

Output
v16.16.0

Node installiert auch den Node Package Manager (NPM), um Node-Pakete zu installieren und zu verwalten. Verwenden Sie den folgenden Befehl, um die NPM-Version zu überprüfen:

npm --version

Sie werden die NPM-Version in der Ausgabe sehen:

Output
8.11.0

In diesem Schritt haben Sie Node installiert. Um Ihre lokale Entwicklungsumgebung einzurichten, benötigen Sie auch Git Bash auf Ihrem Windows-Computer, den Sie im nächsten Schritt installieren werden.

Schritt 2 — Installation von Git Bash

In diesem Schritt installieren Sie Git Bash auf Ihrem Computer. Git ist ein beliebtes Versionskontrollsystem, während Bash ein beliebtes Terminalprogramm für das Linux-Betriebssystem ist.

Als Windows-Benutzer können Sie die meisten Aufgaben mit der integrierten Eingabeaufforderung oder PowerShell von Windows erledigen. Linux-basierte Befehle sind jedoch der Standard in modernen Entwicklungsabläufen. Durch die Verwendung und das Erlernen von Bash-Befehlen können Sie den Großteil der Programmieranleitungen problemlos befolgen.

Wenn Sie Windows 11 ausführen oder die neueste Entwicklerversion von Windows 10 haben, können Sie Git mithilfe des winget-Befehlszeilenprogramms installieren:

winget install --id Git.Git -e --source winget

Das winget-Tool ist die Client-Schnittstelle zum Windows Package Manager-Dienst.

Die --id-Flagge gibt winget an, ein Paket anhand seiner eindeutigen ID zu installieren. Die -e– oder exact-Flagge erfordert die Beachtung der Groß- und Kleinschreibung. Die --source-Flagge gewährleistet die Installation aus der angegebenen Quelle: in diesem Fall das winget-Repository.

Sie können Git Bash auch mit dem Installationsassistenten installieren, indem Sie die Website von Git besuchen:

Wenn Sie sich für den Installationsassistenten entscheiden, können Sie die Installationsdatei mit den Standardeinstellungen ausführen, sobald der Download abgeschlossen ist:

Um Ihre Git-Installation zu überprüfen, führen Sie bitte den folgenden Befehl aus:

git --version

Sie werden die Version sehen:

Output
git version 2.30.2.windows.1

Mit den erforderlichen Tools auf Ihrem Computer können Sie jetzt ein einfaches Node.js-Programm erstellen, um zu testen, ob alles wie erwartet funktioniert.

Schritt 3 – Erstellen eines einfachen Programms

In diesem Schritt erstellen Sie eine einfache „Hallo, Welt!“-App, um die Node.js-Runtime zu testen.

Öffnen Sie die gerade installierte Git Bash-App. Verwenden Sie dann den folgenden Befehl, um eine neue Datei mit `nano`, einem textbasierten Texteditor, zu erstellen:

nano hello.js

Alternativ können Sie diese Datei in Ihrem bevorzugten Editor öffnen, wie zum Beispiel VSCode.

Fügen Sie die folgenden Zeilen zur Datei hello.js hinzu:

let message = "Hello, World!";
console.log(message);

Zuerst definieren Sie die Variable message mit einem String von Hallo, Welt!. Dann wird console.log den Inhalt der Variable message anzeigen, wenn die Datei ausgeführt wird.

Speichern und schließen Sie die Datei.

Führen Sie nun dieses Programm mit Node aus:

node hello.js

Das Programm wird ausgeführt und zeigt seine Ausgabe auf dem Bildschirm an:

Output
Hello, World!

Node.js ermöglicht es Ihnen, JavaScript-Code ohne Browser auszuführen, weshalb Sie die Datei hello.js ausführen können.

Abschluss

Node ist eine robuste JavaScript-Runtime-Umgebung. In diesem Tutorial haben Sie Ihre lokale Node-Entwicklungsumgebung unter Windows 10 erstellt.

Jetzt, da Sie Ihre lokale Entwicklungsumgebung unter Windows eingerichtet haben, können Sie einen Node-Server einrichten und mit dem Erstellen von Front-End-Anwendungen beginnen, indem Sie unseren Anleitungen für React, Angular und Vue.js folgen. Für die Full-Stack-Entwicklung können Sie Projekte in Express einrichten.