JavaScript >> Javascript-Tutorial >  >> Tags >> npm

Tutorial:Erstellen einer NPM-gesteuerten Website

Vor einigen Wochen wurde die jQuery-Plug-in-Website, die Entwickler zum Suchen und Herunterladen von Plug-ins für die beliebte clientseitige Bibliothek verwendeten, in den schreibgeschützten Modus versetzt. Entwicklern wird jetzt empfohlen, npm zum Veröffentlichen und Suchen nach jQuery-Plug-ins zu verwenden.

Dies zeigt, wie zentral npm für die JavaScript-Community geworden ist. Es entstand ursprünglich als Paketmanager für node.js, erwies sich aber schnell als vielseitig für jede Art von JavaScript-Code, und Entwickler begannen, es auch zum Hosten von clientseitigen Bibliotheken zu verwenden.

In diesem Tutorial zeigen wir Ihnen, wie Sie mit npm eine kleine Webanwendung entwickeln können. Wir fangen bei Null an – wir richten eine package.json ein, installieren eine Reihe von Bibliotheken und sorgen dafür, dass die Dinge gut zusammenarbeiten.

So installieren und verwenden Sie clientseitige Bibliotheken mit npm

Dazu gibt es zwei Möglichkeiten. Wir werden die einfachere verwenden, die sich hervorragend für kleine Websites und Apps eignet:

  1. Wir werden die Bibliotheken installieren, die wir mit npm benötigen. Sie können hier eine Reihe von jQuery-Plugins sehen. Um einen davon zu installieren, führen Sie den Befehl npm install <package-name> --save aus
  2. npm erstellt die node_modules Ordner und legt die Bibliotheken dort ab.
  3. In unsere HTML-Datei binden wir die Skripte und CSS-Dateien direkt aus dem node_modules-Ordner mit
    No