7. Mai 2023

Was ist eigentlich npm? Und wie kann ich mit npm Dateien downloaden?

Ich habe mich lange Zeit gesträubt mich mit dem Thema node.js und npm auseinander zu setzen. Es hat für mich keinen Sinn ergeben Downloads über eine Kommandozeile anzufordern, wenn doch seit über 20 Jahren, Millionen von Designern in unzähligen Stunden schicke und intuitive User-Interfaces für Browser und Websites entwickeln. Ich mag es, wenn ich einen „Download“-Button drücken kann und die Files mit Hilfe des Finders, also einer visuellen Oberfläche, am gewünschten Ort speichern kann.

Dennoch hat sich npm in Webentwicklerkreisen zu einem Standard entwickelt und da der ein oder andere Entwickler seine Bibliotheken oder Frameworks nur noch ausschließlich über npm anbietet, blieb mir nichts anderes übrig, als mich auch mit mit dieser Materie zu befassen.

Was ist npm also eigentlich?

npm steht für „Node Package Manager“ und ist ein Tool, das in der Node.js-Entwicklungsumgebung verwendet wird, um JavaScript-Pakete zu verwalten. Klingt kompliziert… ist es auch… ist aber egal.

Für den Anfang reicht es uns (mir), wenn wir verstanden haben, wie wir die gewünschten Files runterladen können.

Wenn man z.B. jQuery nutzen möchte, findet man auf der Website folgendes Kommando:

npm install jquery

Bevor wir diesen Befehl ausführen können müssen wir npm erst mal installieren. Das funktioniert (ironischerweise 😉 ) über diese Website: https://nodejs.org/en/download

Nachdem du node.js lokal auf deinem Rechner installiert hast, öffnest du den Ordner mit deinem Projekt in Visual Studio Code und wählst im Menü „Terminal > Neues Terminal“.

Jetzt kannst du hier in der Kommandozeile den oben genannten Befehl eingeben und mit Enter bestätigen. Anschließend findest du die runtergeladenen Files in deinem Projektordner.