Heim > Web-Frontend > js-Tutorial > Hauptteil

Teilen Sie mit npm, um Veröffentlichungspakete zu installieren/löschen/veröffentlichen/aktualisieren/rückgängig zu machen

零下一度
Freigeben: 2017-06-26 15:26:27
Original
1689 Leute haben es durchsucht

1. Was ist npm?
npm ist das Paketverwaltungstool von Javascript und ein ikonisches Produkt unter der Front-End-Modularität
Einfach ausgedrückt bedeutet es Module über npm herunterzuladen, vorhandenen Code wiederzuverwenden und die Arbeitseffizienz zu verbessern
1.Aus Community-Sicht: Veröffentlichen Sie Module für ein bestimmtes Problem auf dem npm-Server, damit andere in der Community sie herunterladen und verwenden können. Gleichzeitig können Sie sie auch in der Community finden Ressourcen für bestimmte Module und zur Lösung von Problemen
2.Aus Teamsicht: Mit npm, dem Paketverwaltungstool, kann der vorhandene Code des Teams wiederverwendet werden. Dies ist auch der Fall bequemer werden
2. Verwenden Sie npm, um das Paket zu installieren
npm-Installationsmethoden – lokale Installation und globale Installation
Wann sollte die lokale/globale Installation verwendet werden?
1. Wenn Sie versuchen, Befehlszeilentools wie Grunt CLI zu installieren, verwenden Sie die globale Installation
Global Installationsmethode: npm install -g Modulname
2. Wenn Sie versuchen, ein Modul über npm zu installieren und über require('XXX') einzuführen, verwenden Sie die lokale Installation
Lokale Installationsmethode: npm-Installationsmodulname
Probleme, die Sie wahrscheinlich haben zu begegnen
Wenn Sie versuchen, lokal zu installieren, werden Sie normalerweise auf das Problem der Berechtigungsverweigerung stoßen
Zum Beispiel: Hier ist mein erster Versuch, Express global zu installieren. Geben Sie npm install -g express

ein Es macht die Leute sprachlos, weil es Sie nach der Installation vieler Abhängigkeiten daran erinnert, dass Sie nicht über ausreichende Berechtigungen verfügen...
Lösung:
1. sudo npm install -g XXX, als Administrator installieren
Bewertung: Sie müssen jedes Mal Ihr Konto und Ihr Passwort eingeben, was sehr umständlich ist und nicht offiziell empfohlen(Sie könnten es auch mit sudo versuchen, aber das sollte vermieden werden)
2. sudo chown -R Der Pfad zu dem Verzeichnis, in dem sich Ihr Kontoname npm befindet/{lib/node_modules,bin,share}
Bewertung: Offiziell empfohlene Vorgehensweise, chown steht für „Change Owner“, was bedeutet, dass Sie den Besitzer des npm-Verzeichnisses als Ihren Namen angeben (Erteilung von Berechtigungen), -R bedeutet, alle Dateien im zu ändern angegebenes Verzeichnis Der gleiche Vorgang wird auch für Unterverzeichnisse und Dateien ausgeführt.
<1>Besorgen Sie sich zunächst den Pfad zu dem Verzeichnis, in dem sich npm befindet, über npm config get prefix, zum Beispiel so :
<2>Geben Sie sudo chown -R in die Befehlszeile ein. Der Pfad zu dem Verzeichnis, in dem sich Ihr Konto befindet Name npm befindet sich/{lib/node_modules, bin,share}, zum Beispiel:
[Hinweis] Die geschweiften Klammern in {lib/node_modules, bin,share} muss geschrieben werden
Express erneut global installieren: Geben Sie npm install -g express

Installation erfolgreich
3.sudo chmod 777 npm-Verzeichnis (nicht empfohlen)
Kommentare: Dies ist eine Lösung, die oft online zu sehen ist, aber im offiziellen Tutorial wird sie nicht erwähnt. chmod stellt den Änderungsmodus dar, um den Lese- und Schreibmodus zu ändern. Gewähren Sie dem Verzeichnis die höchsten Berechtigungen. Dies ist sehr gefährlich.
>
Bei der lokalen Installation schreiben Sie die Abhängigkeitspaketinformationen in package.json
Achten Sie auf ein Problem bei der Teamzusammenarbeit. Ein häufiges Szenario besteht darin, dass andere Ihr Projekt von Github klonen und dann die erforderlichen Abhängigkeiten über npm install installieren
) Welche Informationen verwendet also, um Abhängigkeiten zu installieren? Es sind die Abhängigkeiten und devDepencies in Ihrer package.json. Daher ist es bei der lokalen Installation wichtig, die abhängigen Paketinformationen (erforderlicher Name und Version) in package.json zu schreiben!
npm install module
: Schreiben Sie es nach der Installation nicht in package.json
npm install module --save
Schreiben Sie es nach der Installation in die Abhängigkeiten von package.json (Abhängigkeiten der Produktionsumgebung)
npm install module --save-dev
Schreiben Sie es nach der Installation in die devDepencies von package.json (Abhängigkeiten der Entwicklungsumgebung) Beispiel:
Ich habe Webpack unter dem Projekt installiert: Geben Sie das Projektterminal ein und geben Sie npm install ein
Nach Abschluss der Installation wird mein package.json angezeigt
Webpack deinstallieren und dann neu installieren: Nach Eingabe von npm install webpack --save:
Webpack deinstallieren und dann nach der Neuinstallation: npm install webpack --save-dev:
Drei. Verwenden Sie npm, um das Paket zu löschen
Das Löschen eines Moduls ist eigentlich ganz einfach:
Ein globales Modul löschen
npm uninstall -g Verwenden Sie npm
, um lokale Module zu löschen
npm uninstall Modul
Fragen, über die Sie beim Löschen lokaler Module nachdenken sollten: Werden auch die entsprechenden Abhängigkeitsinformationen auf package.json entfernt?
npm-Deinstallationsmodul: Löscht das Modul, löscht jedoch nicht die entsprechenden Informationen, die das Modul in package.json hinterlassen hat
npm uninstall module --save Löschen Sie das Modul, Löschen Sie gleichzeitig die entsprechenden Informationen, die das Modul unter Abhängigkeiten im Paket hinterlassen hat .json
npm uninstall module --save-dev Modul löschen, Gleichzeitig die entsprechenden vom Modul hinterlassenen Informationen löschen unter devDependencies in package.json
4. Verwenden Sie npm, um das Paket zu veröffentlichen
Bevor Sie das Paket veröffentlichen, müssen Sie zunächst ein npm-Konto haben
Ein Paket zum ersten Mal veröffentlichen:
Geben Sie npm adduser in das Terminal ein und Sie werden aufgefordert, das Konto, das Passwort und die E-Mail-Adresse einzugeben. Anschließend werden Sie aufgefordert,
Nicht-Erstveröffentlichungspaket:
Geben Sie im Terminal npm-Login ein, geben Sie dann das von Ihnen erstellte Konto und Passwort ein und melden Sie sich per E-Mail an
[Hinweis] Wenn npm adduser erfolgreich ist, werden Sie standardmäßig angemeldet, sodass keine Notwendigkeit besteht, die npm-Anmeldung fortzusetzen
Beispiel:
(da ich bereits ein Konto erstellt habe, also direkt anmelden)
1. Geben Sie das Projektverzeichnis ein und melden Sie sich an:
2 veröffentlichen
Der Name und die Version des Pakets entsprechen dem Paket in Ihrem Projekt. Der Name und die Version in .json!
3 Dann können Sie die veröffentlichte APP in der npm-Suche finden!

[Hinweis 1] Es darf nicht denselben Namen wie ein vorhandenes Paket haben!
Zum Beispiel habe ich versucht, den Paketnamen in „Reagieren“ zu ändern, der offensichtlich bereits existiert:
Dann wenn das Paket verschickt wird...
(Übersetzung: Sie haben keine Berechtigung zum Veröffentlichen von React-Paketen. Sind Sie als React-Besitzer angemeldet?)
【Tipp】Bevor Sie das Paket senden, können Sie mit der Suchmaschine von npm prüfen, ob bereits ein Paket mit demselben Namen existiert
【Hinweis 2】 Zu beachten sind auch die Einschränkungen von npm für Paketnamen: keine Großbuchstaben/Leerzeichen/Unterstreichungszeichen (tatsächlich hatte ich im obigen Beispiel ursprünglich geplant, zu schreiben). es als penghuwanAPP , wurde in penghuwan_app geändert und musste schließlich in penghuwanapp geändert werden >[Hinweis 3] Gibt es in Ihrem Projekt einige private Codes, die Sie nicht auf npm veröffentlichen möchten?
Schreiben Sie es in .gitignore oder .npmignore, und der Upload wird ignoriert

5. Verwenden Sie npm, um die Veröffentlichung des Pakets aufzuheben

Eine Sache ist, dass die Veröffentlichung des Pakets möglicherweise nicht so einfach ist, wie Sie denken Der Vorgang unterliegt vielen Einschränkungen. Das Rückgängigmachen eines veröffentlichten Pakets wird als schlechtes Verhalten angesehen des Einflusses in der Community], was für eine niederschmetternde Sache das für die Teams ist, die die von Ihnen veröffentlichten Pakete intensiv genutzt und sich darauf verlassen haben)

Beispiel:
Ich werde jetzt das zuvor veröffentlichte Paket penghuwanapp zurückziehen: Geben Sie den Namen des npm-Unpublish-Pakets ein
[Beschwerden] Achten Sie auf die Wörter im roten Kästchen, und Sie werden die offizielle Haltung von npm zu diesem Verhalten kennen, wenn es veröffentlichte Pakete widerruft Fehler in den Berechtigungen, plus --force
und ich konnte es in der NPM-Suche nicht wieder finden
1 Gemäß der Spezifikation ist eine Rücknahme der Veröffentlichung nur innerhalb von
24 Stunden nach Veröffentlichung des Pakets mit Versionen möglich, die in den letzten 24 Stunden veröffentlicht wurden )
2Auch wenn
Sie das veröffentlichte Paket widerrufen,

das freigegebene Paket Es kann den Namen nicht mehr duplizieren und Version des zurückgezogenen Pakets (d. h. es kann nicht denselben Namen und dieselbe Version haben, da die aus beiden bestehende eindeutige Kennung „belegt“ wurde)

Nachdem ich beispielsweise das Paket zurückgezogen habe, versuche ich, ein Paket mit demselben Namen + derselben Version zu veröffentlichen:

Melden Sie einen Fehler und schlagen Sie mir vor, die Paketversion zu ändern

Empfohlener alternativer Befehl für npm unpublish: npm deprecate [@]
Verwenden Sie dies Der Befehl entfernt Ihr vorhandenes Paket nicht aus der Community, sondern erhält eine Warnung, wenn jemand versucht, dieses Paket zu installieren
Zum Beispiel : npm deprecate penghuwanapp 'Ich verwalte dieses Paket nicht mehr~'
Six.npm aktualisiertes Paket:
Tatsächlich sind die Befehle für das NPM-Aktualisierungspaket und das Veröffentlichungspaket gleich, beide sind NPM-Veröffentlichung. Der Unterschied besteht darin, dass Sie die Version des Pakets ändern müssen
Die Schritte sind also:
1. Ändern Sie die Version des Pakets (Versionsfeld in package.json)
2.npm veröffentlichen
Einzelheiten zur modifizierten Version finden Sie unten:
Seven.npm-Versionskontrolle – Semantische Versionierung
In unserer package.json gibt es ein Versionsfeld. Wie kann man also die Version anpassen, während das Projekt ständig erstellt wird?
npm verfügt über einen eigenen Versionskontrollstandard – Semantische Versionierung
ist verkörpert als:
Für „Version“: „x.y.z“
1 Fehler, kleine Änderungen vornehmen, z hinzufügen
2. Neue Funktionen hinzufügen, aber trotzdem abwärtskompatibel sein, y hinzufügen
3. Es gibt große Änderungen und kann nicht abwärtskompatibel sein.
Zum Beispiel: Wenn mein ursprüngliches Projekt ist Version 1.0.0
Wenn es 1 ist, wird es 1.0.1
Wenn es 2 ist Im Falle eines Mediums ist es wird 1.1.0
Wenn es mittel 3 ist, wird es 2.0.0
Automatisch Ändern Sie die Version durch npm version
update_type ist entweder Patch, Minor oder Major, was jeweils Patch und Minor Change bedeutet. , große Änderungen
Zum Beispiel ändere ich die Projektversion in der Shell

Schauen wir uns noch einmal meine package.json an, sie ist v1.0.0 geworden

[Ende]

Das obige ist der detaillierte Inhalt vonTeilen Sie mit npm, um Veröffentlichungspakete zu installieren/löschen/veröffentlichen/aktualisieren/rückgängig zu machen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage