npm (Node Package Manager) ist ein Tool, mit dem Sie Pakete und Module für die Entwicklung auf der Node-Plattform installieren können.js. jQuery ist eine der beliebtesten JavaScript-Bibliotheken, die es einfach macht, mit DOM-Baum, Animation, AJAX und anderen wichtigen Aufgaben auf Webseiten zu arbeiten.
Das Festlegen von jQuery über npm kann nützlich sein, wenn Sie ein Projekt auf einem Node entwickeln.js oder verwenden Sie einen Modulsammler wie Webpack oder Browserify, um die Abhängigkeiten Ihres Projekts zu erstellen und zu verwalten. Im Folgenden finden Sie eine schrittweise Anleitung zum Installieren von jQuery über npm.
Schritt 1: Installieren Sie den Node.js
Der erste Schritt vor der Installation von Paketen über npm besteht darin, Node zu installieren.js. Sie können das Node-Installationsprogramm herunterladen.js von seiner offiziellen Website und führen Sie die Installation gemäß den Anweisungen für Ihr Betriebssystem durch.
Schritt 2: Erstellen eines Projekts
Nach der Installation von Node.js Sie müssen ein neues Projekt erstellen. Öffnen Sie eine Eingabeaufforderung oder ein Terminal und navigieren Sie zu dem Ordner, in dem Sie ein neues Projekt erstellen möchten. Führen Sie dann den folgenden Befehl aus:
$ npm init
Dieser Befehl initialisiert ein neues Projekt und ermöglicht es Ihnen, einige Parameter wie den Projektnamen, die Version, den Autor und andere Details festzulegen. Sie können einfach die Eingabetaste drücken, um die Standardwerte für alle Parameter zu verwenden.
Schritt 3: Installieren von jQuery
Nachdem Sie das Projekt erstellt haben, müssen Sie jQuery installieren. Führen Sie an der Eingabeaufforderung den folgenden Befehl aus:
$ npm install jquery
Dadurch wird die neueste Version von jQuery in Ihrem Projekt installiert und zur Liste der Abhängigkeiten in der package-Datei hinzugefügt.json.
Jetzt können Sie jQuery in Ihrem Projekt verwenden, indem Sie es wie folgt in Ihre JavaScript-Datei einbinden:
// Подключение jQuery
const $ = require('jquery');
Jetzt sind Sie bereit, alle Funktionen und Funktionen von jQuery in Ihrem mit npm installierten Projekt zu verwenden.
Herunterladen und Installieren von Node.js
Node.js ist eine Open-Source-JavaScript-Laufzeitumgebung, mit der Sie serverseitige JavaScript-Skripts ausführen können. Zum Herunterladen und Installieren von Node.js, folgen Sie den Anweisungen unten.
- Gehen Sie zur offiziellen Website von Node.js unter https://nodejs.org/
- Suchen Sie auf der Hauptseite nach dem Download-Button und klicken Sie darauf. Seien Sie vorsichtig und wählen Sie die richtige Version von Node aus.js für Ihr Betriebssystem.
- Nach dem Herunterladen der Node-Installationsdatei.js, öffnen Sie es und folgen Sie den Anweisungen des Installationsassistenten.
- Während der Installation können Sie zusätzliche Komponenten und Einstellungen auswählen, dies ist jedoch normalerweise nicht erforderlich, um mit npm zu arbeiten.
- Wenn Node installiert ist.die js ist abgeschlossen, Sie können den Erfolg der Installation überprüfen, indem Sie die Eingabeaufforderung (Terminal) öffnen und den Befehl eingeben node -v oder npm -v. Wenn die Version ohne Fehler ausgegeben wird, ist die Installation erfolgreich.
Glückwunsch! Jetzt haben Sie Node installiert.js und Sie sind bereit, jQuery mit npm zu installieren.
Installieren von npm
1. Gehen Sie zur offiziellen Website von Node.js unter https://nodejs.org /.
2. Auf der Hauptseite der Website sehen Sie den Abschnitt "Download Node.js" mit einer Liste der verfügbaren Versionen des Programms. Es wird empfohlen, die LTS-Version von Node herunterzuladen.js, da es am stabilsten und am meisten unterstützt wird.
3. Klicken Sie auf den Link, um die ausgewählte Node-Version herunterzuladen.js (zB "LTS herunterladen").
4. Führen Sie das heruntergeladene Node-Installationsprogramm aus.js und folgen Sie den Anweisungen des Installationsassistenten. Standardmäßig sind alle erforderlichen Komponenten (Node.js und npm) werden zusammen installiert.
5. Nachdem die Installation abgeschlossen ist, können Sie überprüfen, ob die npm-Installation korrekt ist, indem Sie eine Eingabeaufforderung öffnen und den Befehl npm -v ausführen. Wenn die Installation erfolgreich war, wird die npm-Version angezeigt.
Jetzt haben Sie npm installiert und können damit beginnen, die erforderlichen Pakete, einschließlich jQuery, mit dem Befehl npm install jquery zu installieren.
Erstellen eines Projekts und Konfigurieren von Abhängigkeiten
Bevor Sie jQuery über npm installieren können, müssen Sie ein neues Projekt erstellen und die Abhängigkeiten anpassen.
Öffnen Sie zunächst die Eingabeaufforderung oder das Terminal und navigieren Sie zu dem Ordner, in dem Sie Ihr Projekt erstellen möchten. Führen Sie dann den Befehl aus:
Mit diesem Befehl können Sie eine package-Datei erstellen.json , in dem alle Abhängigkeiten und Einstellungen des Projekts gespeichert werden.
Während der Ausführung des Befehls werden Ihnen einige Fragen zu Projektnamen, Version, Beschreibung und anderen Parametern gestellt. Sie können diese Schritte überspringen, indem Sie standardmäßig die Eingabetaste drücken oder die Werte nach Belieben ausfüllen.
Nachdem die package-Datei erstellt wurde.json kann mit der Installation von jQuery und anderen Abhängigkeiten beginnen. Führen Sie dazu den folgenden Befehl aus:
npm install jquery
Mit diesem Befehl wird die neueste Version von jQuery aus der npm-Registrierung im Ordner node_modules Ihres Projekts heruntergeladen und installiert. Es wird automatisch ein Abhängigkeitsdatensatz in der package-Datei erstellt.json .
Jetzt ist jQuery erfolgreich installiert und für die Verwendung in Ihrem Projekt bereit.
Installieren von jQuery
Die Schritte zum Installieren von jQuery mit npm sind wie folgt:
| 1. | Öffnen Sie ein Terminal oder eine Eingabeaufforderung. |
| 2. | Navigieren Sie zu Ihrem Projektordner, in dem Sie jQuery installieren möchten. |
| 3. | Geben Sie den folgenden Befehl ein: |
| npm install jquery | |
| 4. | Warten Sie, bis die Installation abgeschlossen ist. npm lädt die neueste Version von jQuery herunter und installiert sie im Ordner node_modules Ihres Projekts. |
| 5. | Nachdem die Installation abgeschlossen ist, können Sie jQuery in Ihrem Projekt verwenden, indem Sie es in eine HTML-Datei einbinden: |
jQuery ist jetzt bereit für die Verwendung in Ihrem Projekt.
Verbinden von jQuery mit einem Projekt
Um die jQuery-Bibliothek in Ihren Projekten zu verwenden, müssen Sie sie mit Ihrem Code verbinden. Es gibt mehrere Möglichkeiten, dies zu tun.
1. Kopieren von jQuery-Dateien auf den Projektserver:
Der erste Weg besteht darin, die jQuery-Datei von der offiziellen Website herunterzuladen (https://jquery.com/) und es auf Ihrem Projektserver hosten.
Um jQuery zu verbinden, müssen Sie dem Abschnitt Ihrer HTML-Seite den folgenden Code hinzufügen:
2. Verbinden von jQuery über das Content Delivery Network (CDN):
Der zweite Weg besteht darin, jQuery über das Content Delivery Network (CDN) zu verbinden. Der Vorteil dieser Methode ist das schnelle Laden der Bibliothek und die Möglichkeit, Zwischenspeichern zu verwenden.
Um jQuery über ein CDN zu verbinden, müssen Sie dem HTML-Abschnitt Ihrer Seite den folgenden Code hinzufügen:
Beide Verbindungsmethoden von jQuery haben ihre eigenen Vor- und Nachteile, daher hängt die Wahl der Methode von Ihren Bedürfnissen und Vorlieben ab.
