Wie zum Teufel installiert man npm?

Haben Sie das Gefühl, dass Sie eine ziemlich gute Vorstellung davon haben, was ein Paketmanager ist? Wir haben zwar viel Grundlegendes behandelt, um uns mit allen Begriffen und Konzepten von Paketmanagern vertraut zu machen, aber ich würde sagen, es ist höchste Zeit, dass wir mit unserem neu gewonnenen Wissen auch etwas tun. Aber zuerst müssen wir npm installieren.

Zu diesem Zweck stellen wir sicher, dass Node und npm installiert sind, und erstellen dann ein kleines Beispielprojekt, um Ihnen praktische Erfahrungen mit den Grundlagen von npm zu vermitteln und wie die Verwendung von npm in Ihrem Frontend-Entwicklungsworkflow aussieht.

Kapitel des Leitfadens

1. Für wen ist diese Anleitung?
2. Was zum Teufel bedeutet „npm“?
3. Was zum Teufel ist die Befehlszeile?
4. Was zum Teufel ist Node?
5. Was zum Teufel ist ein Paketmanager?
6. Wie zum Teufel installiert man npm? (Hier sind Sie!)
7. Wie zum Teufel installiert man npm-Pakete?
8. Was zum Teufel sind npm-Befehle?
9. Wie zum Teufel installiert man ein bestehendes npm-Projekt?

Bestätigen Sie, ob npm bereits installiert ist

Bevor wir npm installieren, sollten wir bestätigen, ob es bereits installiert ist! Wenn Sie sich nicht sicher sind, ob npm bereits auf Ihrem System installiert ist oder nicht, öffnen Sie Ihr Terminal Ihrer Wahl, sei es die Terminal-App in MacOS, das integrierte Terminal in einem Code-Editor wie VS Code oder ein anderes Terminal, über das Sie Zugriff auf die Befehlszeile haben.

Bereit? Beginnen Sie mit diesem Befehl (beachten Sie, dass wir das $-Zeichen in diesen Beispielen nicht mit einbeziehen)

node -v

Dieser Befehl zeigt die aktuelle Version von Node an – das heißt, wenn es installiert ist. Wenn Node installiert ist, antwortet die Befehlszeile mit der aktuell installierten Node-Versionsnummer.

v16.9.1

Ihre Version kann natürlich abweichen. In jedem Fall bestätigt die Tatsache, dass Sie eine Versionsnummer sehen, dass npm auf Ihrem System installiert ist! Ich betone, dass die Zahlen selbst unwichtig sind, solange wir eine Versionsnummer erhalten.

Wenn npm oder Node nicht derzeit installiert ist, sehen Sie stattdessen eine Meldung wie "Befehl nicht gefunden". In dem unwahrscheinlichen Fall, dass npm installiert ist, aber Node nicht (oder umgekehrt), ist es wahrscheinlich ratsam, es zu deinstallieren, bevor Sie fortfahren.

Unter der Annahme, dass Sie npm und Node installieren müssen (und wenn nicht, können Sie gerne zum nächsten Abschnitt springen), werden wir den Rat der offiziellen NPM-Anweisungen befolgen und dies über ein Programm namens nvm tun.

Installation des Node Version Managers

Node Version Manager, oder nvm, ermöglicht es Ihnen, Node auf Ihrem System zu installieren, zu aktualisieren und zu deinstallieren und auch mehrere Versionen von Node zu verwalten, zwischen denen Sie wechseln können.

Wie Sie vielleicht wissen, haben serverseitige Sprachen ihre eigenen Release-Versionen, z. B. Node 17.1.0, anstatt an Browser-Versionen wie Chrome 96 gebunden zu sein. Wir werden keine Version von Node außer der neuesten benötigen, daher ist dies für uns im Moment nicht notwendig, obwohl es für Sie später von Vorteil sein kann.

Ich weiß, es mag nach viel zusätzlicher Arbeit aussehen, nur ein Programm zu installieren, um ein anderes zu installieren, aber auch hier ist dies der empfohlene Weg, und die Dinge von Anfang an richtig zu machen, erleichtert sie auf lange Sicht erheblich. Ich möchte Sie lieber für den Erfolg vorbereiten, als die Dinge kurzfristig einfacher zu machen, auf Kosten von mehr Komplexität später.

Installation von nvm unter Windows

Wenn Sie Windows verwenden, wird es hier sogar einfacher. Sie benötigen speziell nvm for Windows, aber glücklicherweise gibt es für Windows bereits ein Installationsprogramm, das Sie einfach herunterladen und ausführen können. Die Anweisungen finden Sie im NVM for Windows-Repo auf GitHub.

• Laden Sie die neueste Version von NVM für Windows herunter. Sie kann manuell installiert werden, wenn Sie dies bevorzugen.
• Öffnen Sie das Terminal und führen Sie den Befehl nvm list available aus, um eine Liste der verfügbaren Node-Versionen zum Herunterladen und Installieren anzuzeigen.
• Führen Sie den Befehl nvm use gefolgt von der Versionsnummer der zu verwendenden Node-Version aus (z. B. nvm use 16.9.1), um eine bestimmte Version zu verwenden. Alternativ können Sie anstelle einer bestimmten Versionsnummer latest, lts oder newest verwenden, wobei newest die neueste installierte Version ist.

Sobald es installiert ist, funktioniert nvm auf Ihrem Windows-Rechner genauso wie auf jedem anderen System.

Installation von nvm unter MacOS

Um nvm unter MacOS zu installieren, ist der erste Schritt, es mit diesem Befehl herunterzuladen

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash

0.39.0 ist die neueste Version zum Zeitpunkt der Veröffentlichung, aber es kann sich lohnen, die Readme zur nvm-Installation zu überprüfen und die neueste zu erhalten, falls sie anders ist.

Nachdem Sie diesen Befehl in das Terminal eingefügt und Enter gedrückt haben, sehen Sie eine Menge Textausgabe, die eigentlich keine Rolle spielt. Tatsächlich verrate ich Ihnen ein kleines Geheimnis: Niemand liest die Dinge in seinem Terminal meistens. Alles, was uns interessiert, ist, dass…

1. der Befehl schließlich beendet wird; und
2. er nicht mit einer Fehlermeldung endet.

Wenn Sie während der Installation zur Eingabe eines Befehls aufgefordert werden, drücken Sie die Taste q, um zu beenden und fortzufahren.

Sie wissen, dass der Befehl abgeschlossen ist, wenn der Eingabecursor wieder zu blinken beginnt, was bedeutet, dass das Terminal auf Ihre Eingabe wartet. Möglicherweise sehen Sie dies direkt nach Abschluss der nvm-Installation.

=> Close and reopen your terminal to start using nvm or run the following to use it now:

Unter der Annahme, dass Sie zu diesem Zeitpunkt keine Fehler sehen, empfehle ich die einfachere Option, das von Ihnen verwendete Terminalprogramm zu beenden und neu zu starten, bevor Sie fortfahren. Es ist eine gute Möglichkeit, sicherzustellen, dass Sie mit einer sauberen Weste arbeiten.

Wie man npm über Node installiert

Jetzt, da nvm installiert ist, sind wir bereit, das zu tun, was wir ursprünglich tun wollten: npm und Node auf unserem System zu installieren.

Es ist keine schlechte Idee, nvm ordnungsgemäß installiert zu überprüfen, indem Sie nvm -v ausführen. Wenn das Terminal Ihnen die installierte Versionsnummer anzeigt, sind Sie startklar! Wenn nicht, denken Sie daran, dass Sie möglicherweise Ihr Terminalprogramm neu starten müssen, bevor die Installation vollständig verarbeitet wird.

Jetzt, da wir nvm haben, ist die Installation von Node ein extrem kurzer Befehl

nvm install node

Einfach, oder?

Sie sollten eine Meldung wie Downloading and installing node v17.1.0 sehen, obwohl die Versionsnummer abweichen kann, was in Ordnung ist. Sie erhalten zur Laufzeit die jeweils neueste stabile Version. Warten Sie, bis der Befehl abgeschlossen ist – wieder wissen Sie, dass er beendet ist, wenn Sie wieder am Standard-Prompt sind und weitere Befehle eingeben können.

Danach sind Sie hier fertig! Dieser einfache Befehl installiert nicht nur Node, sondern auch npm. Sie können erneut überprüfen, ob alles installiert und auf dem neuesten Stand ist, indem Sie npm -v und node -v ausführen. Wenn alles gut ist, erhalten Sie eine Versionsnummer.

Was kommt als Nächstes

Nun, zu diesem Zeitpunkt haben wir nvm zur Installation und Verwaltung von Node, Node selbst und npm zur Handhabung von Node-Paketen. Als nächstes in diesem npm-Leitfaden werden wir einige Pakete in ein Projekt installieren!