npm Crashkurs - Einführung in die Registry, das CLI Tool und die package.json Datei

In der Dokumentation vieler JavaScript Bibliotheken steht zu Beginn, dass “npm install” und dann der Name der Bibliothek in die Console eingegeben werden muss. Anfangs kann das etwas verwirrend sein, da man es gewohnt ist, Inhalte über einen Download-Button herunterzuladen. In diesem Video möchte ich daher npm erklären und zeigen wie es in der Praxis funktioniert.

npm steht für Node Package Manager und setzt sich aus der npm Registry
und dem npm CLI Tool zusammen. Die npm registry ist eine öffentliche Datenbank für Software Pakete. Jeder kann dort sein JavaScript Code hochladen und teilen. Dabei kann es sich um Code für den Browser, einen Server oder auch für die Kommandozeile handeln.

Ein Paket ist dabei meist Code der ein spezielles Problem löst. Ihr könnt es euch wie einzelne Bausteine vorstellen, die in die eigene Anwendung eingesetzt werden können. Viele Pakete sind dabei Open-Source
und werden von einer Community verwaltet und weiterentwickelt. Ihr müsst dadurch weniger Code schreiben und könnt euch auf die Erfahrung anderer Entwickler verlassen.

Jedes Paket das hochgeladen wird besitzt eine zugewiesene Version. Über npm könnt ihr diese daher ganz einfach updaten oder zum Beispiel bei Bugs auf frühere Versionen zurückspringen. npm bringt auch ein Abhängigkeitsmanagement mit sich. Ihr könnte dadurch bestehende Pakete miteinander kombinieren und neue Pakete mit neuen Funktionen erschaffen, die ihr dann über npm wieder anderen Entwickler zugänglich macht.

▸ Einführung in VS Code:    • Einführung in die VS Code Benutzeroberfläche!  
▸ Download Node.js: https://nodejs.org/de/download/
▸ npm Website: https://www.npmjs.com/

▬ Online-Kurs ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

▸ Responsive Webdesign mit HTML, CSS, Bootstrap und Tailwind: https://shop.heise-academy.de/respons...

▬ Timestamps ▬▬▬▬▬▬▬▬▬▬▬▬▬▬

00:00 1. Intro
00:26 2. Was ist npm?
02:20 3. npm installieren
02:56 4. Die npm Website
03:55 5. Wichtige CLI Befehle
05:55 6. packages.json Datei
10:16 7. Paket Versionierung
14:26 8. Lokale vs globale Pakete
16:43 9. npm run Scripts

▬ Social Media ▬▬▬▬▬▬▬▬▬▬▬▬▬▬

▸ Twitter:   / fabianhiller  
▸ LinkedIn:   / fabianhiller  
▸ GitHub: https://github.com/fabian-hiller
▸ Instagram:   / fabian.hiller  

▬ Weitere Links ▬▬▬▬▬▬▬▬▬▬▬▬▬▬

▸ Impressum: https://www.sifa-digital.de/impressum/
▸ Impressum: https://www.sifa-digital.de/impressum/