Npm für Sterbliche

Ursprünglicher Autor: Narayan Prusty
  • Übersetzung
  • Tutorial


Dieser Artikel richtet sich an Benutzer, die mit Node.js nicht sehr vertraut sind, aber Anwendungen wie Grunt, Gulp und dergleichen verwenden möchten. Das Arbeiten mit diesen Anwendungen umfasst das Bearbeiten der Datei package.json und die Verwendung von npm-Befehlen. Wenn Sie also wissen, wie npm funktioniert, können Sie mit Schwierigkeiten umgehen.

Node.js in 5 Minuten


Wenn Sie wissen, was Node.js ist, können Sie npm besser verstehen. Kurz gesagt - Node.js ist ein JavaScript-Interpreter. Node.js selbst ist eine C ++ - Anwendung, die am Eingang JavaScript-Code empfängt und ausführt.
Lassen Sie uns ein einfaches Programm erstellen. Erstellen Sie die Datei helloworld.js und fügen Sie den folgenden Code ein:
console.log("Hello World");

Öffnen Sie nun ein Terminal, gehen Sie in den Ordner mit Ihrem Programm und führen Sie den Befehl aus node helloworld.js. Anstelle von helloworld.js kann es auch eine andere Datei mit  JavaScript-Code geben . Stellen Sie sicher, dass Node.js installiert ist . Das Ergebnis des Programms sieht ungefähr so ​​aus:

Ergebnis der Ausführung helloworld.js

Das Programm zeigt einfach die Zeichenfolge "Hello World" im Terminal an.

Pakete in Node.js


Kurz gesagt, ein Paket in Node.js verweist auf eine oder mehrere JavaScript-Dateien , die eine Art Bibliothek oder Tool sind.
npm (abgekürzt Node Package Manager) ist ein Standardpaket-Manager, der automatisch mit Node.js installiert wird. Es wird verwendet, um Pakete vom npm-Cloud-Server herunterzuladen oder um Pakete auf diese Server herunterzuladen.

Package.json-Datei


Die Datei package.json enthält Informationen zu Ihrer Anwendung: Name, Version, Abhängigkeiten und dergleichen. Jedes Verzeichnis mit dieser Datei wird als Knoten interpretiert. js Paket , auch wenn Sie es nicht veröffentlichen werden.
Die Art und Weise, wie Sie die Datei package.json verwenden, hängt davon ab, ob Sie das Paket herunterladen oder veröffentlichen möchten.

Pakete herunterladen


Wenn Sie das Paket manuell herunterladen möchten, müssen Sie dafür nicht package.json verwenden. Sie können den Befehl npm im Terminal mit dem Namen des gewünschten Pakets als Argument für den Befehl ausführen. Das Paket wird dann automatisch in das aktuelle Verzeichnis heruntergeladen. Zum Beispiel:
$ npm install canvas-chart

Sie können package.json auch zum Herunterladen von Paketen verwenden. Erstellen Sie die Datei package.json im Verzeichnis Ihres Projekts und fügen Sie den folgenden Code hinzu (wir geben den Namen unseres Pakets und der Version nicht an, da wir sie nicht veröffentlichen werden; wir geben den Namen und die Version der herunterzuladenden Pakete an):

{
  "devDependencies": {
    "canvas-chart": "~1.3.0"
  }
}

Speichern Sie dann die Datei und führen Sie den Befehl im Terminal aus npm install.
Wenn Sie in Ihrem Projekt viele Pakete verwenden möchten, ist es besser, package.json anzugeben, anstatt sie jedes Mal über das Terminal herunterzuladen.
Wenn Sie package.json zum Herunterladen von Paketen verwenden, stellen Sie fest, dass Sie ein Paket zum Herunterladen von Paketen erstellen. Ich weiß, das ist komisch, aber es funktioniert.
Wenn ein Paket Abhängigkeiten hat, findet npm diese über package.json des heruntergeladenen Pakets und lädt sie herunter. In unserem Fall enthält das Canvas-Chart- Paket auch eine package.json-Datei mit den darin geschriebenen Abhängigkeiten.

Paket veröffentlichen


Um ein Paket zu veröffentlichen, müssen Sie den gesamten Quellcode und die Datei package.json in einem Verzeichnis sammeln. Package.json muss den Namen, die Version und die Abhängigkeiten des Pakets enthalten. Zum Beispiel:
{
  "name": "canvas-project",
  "version": "0.1.0",
  "devDependencies": {
    "canvas-chart": "~1.3.0"
  }
}

Wenn wir uns diesen Code ansehen, können wir sagen, dass das canvas-project- Paket vom canvas-chart - Paket abhängt . Sie können das Paket über das Team veröffentlichen npm publish.

Verwenden des Pakets als ausführbare Datei


Wenn npm das Paket herunterlädt, sucht es in der Datei package.json nach der Eigenschaft "bin". Wenn er diese Eigenschaft findet, konvertiert er dieses Paket in eine ausführbare Datei und legt sie im angegebenen Verzeichnis ab.
Der folgende Befehl lädt beispielsweise grunt-cli in das aktuelle Verzeichnis und konvertiert die Quelle in eine ausführbare Datei, die dann in einem Ordner mit allen ausführbaren Dateien abgelegt wird. Infolgedessen können wir den Befehl grunt-cli aufrufen .
$ npm install grunt-cli

Jetzt wissen Sie, was ein Paket ist und wie es von anderen Paketen abhängen kann. Sie haben auch gelernt, wie npm mit Paketen funktioniert. Lassen Sie uns von der Theorie zur Praxis übergehen und Grunt installieren.

Installiere Grunt mit npm


Grunt ist ein Task-Runner , mit dem Sie viele alltägliche Aufgaben wie das Komprimieren von Bildern und das Minimieren von CSS- Dateien automatisieren können .
Befolgen Sie diese Schritte, um Grunt zu installieren und loszulegen.
  • Erstellen Sie ein Verzeichnis für Ihr Projekt. Aus Server-Sicht ist dieses Verzeichnis das Stammverzeichnis.
  • Öffnen Sie dieses Verzeichnis über das Terminal.
  • Laden Sie jetzt Grunt herunter und installieren Sie es. Das Argument -gweist npm an, das Paket in den Hauptordner zum Speichern von Paketen und nicht in das aktuelle Verzeichnis herunterzuladen.
    $ npm install -g grunt-cli
    

  • Für jede von grunt ausgeführte Aufgabe gibt es ein eigenes Paket. Beispielsweise finden Sie Pakete zum Minimieren von JavaScript, zum Kleben von Dateien usw. Sie können auch eigene Pakete erstellen, um beliebige Aufgaben auszuführen . Solche Pakete werden als Grunt-Plugins bezeichnet . Lassen Sie uns die benötigten Pakete im Verzeichnis unseres Projekts installieren. Dazu müssen wir eine package.json-Datei erstellen und den folgenden Code einfügen. Führen Sie dann den Befehl aus npm install. Sie wird die notwendigen Pakete herunterladen. Denken Sie daran, dass das Verzeichnis, das package.json enthält, selbst ein Paket ist.
    {
      "devDependencies": {
        "grunt-contrib-concat": "~0.3.0"
      }
    }
    

  • Wir haben ein Paket zum Kleben von Dateien installiert. Nun müssen wir die Aufgabe für Grunt beschreiben. Dies geschieht mit der Datei Gruntfile.js . Wenn Sie den Befehl gruntim Projektverzeichnis ausführen , sucht Grunt nach Gruntfile.js, um die Aufgaben zu laden und abzuschließen. Lassen Sie uns unser File-Gluing-Plugin einstecken und eine einfache Aufgabe beschreiben.
    module.exports = function(grunt) {
        // 1. Общая конфигурация
        grunt.initConfig({
            pkg: grunt.file.readJSON('package.json'),
            concat: {
                // 2. Настройки для склеивания файлов
                dist: {
                    src: [
                        'js/libs/*.js', // Все js-файлы в директории libs
                        'js/global.js'  // Отдельный файл
                    ],
                    dest: 'js/build/production.js',
                }
            }
        });
        // 3. Сообщаем, какие плагины мы собираемся использовать
        grunt.loadNpmTasks('grunt-contrib-concat');
        // 4. Определяем задачу по умолчанию, которая будет выполняться при запуске команды grunt в терминале.
        grunt.registerTask('default', ['concat']);
    };
    

  • Nach diesem Prinzip können Sie die benötigten Plugins selbst herunterladen und verbinden.
  • Jetzt können Sie den Befehl gruntim Verzeichnis Ihres Projekts ausführen , um js-Dateien zu kleben .

Zusammenfassung


In diesem Artikel habe ich versucht zu erklären, wie npm in Node.js für Anfänger funktioniert. Sie sollten nun in der Lage sein, verschiedene Knoten zu installieren und zu verwenden. js anwendungen . Danke fürs Lesen!

Jetzt auch beliebt: