Heim > Web-Frontend > js-Tutorial > Hauptteil

[Kompilierung und Freigabe] Allgemeine npm-Befehle, die für die Front-End-Entwicklung erforderlich sind

青灯夜游
Freigeben: 2022-08-09 11:31:54
nach vorne
2413 Leute haben es durchsucht

npm ist das Standard-Paketverwaltungstool für node. Bei der Frontend-Entwicklung wird es uns bei der Lösung von Problemen sehr helfen, mit den gängigen npm-Befehlen vertraut zu sein. Der folgende Artikel wird Ihnen einige allgemeine NPM-Anweisungen geben. Ich hoffe, er wird Ihnen hilfreich sein!

[Kompilierung und Freigabe] Allgemeine npm-Befehle, die für die Front-End-Entwicklung erforderlich sind

npm-Quelleneinstellungen


  • Fragen Sie die aktuelle Quellenkonfiguration ab
npm get registry
Nach dem Login kopieren
  • Setzen Sie die Taobao-Spiegelquelle (Taobao-Spiegel-neuer Domainname)
npm config set registry https://registry.npmmirror.com
Nach dem Login kopieren

Alte http://npm.taobao.org und http: Der Domainname //registry.npm.taobao.org wird am 31. Mai 2022 ab 0:00 Uhr nicht mehr verfügbar sein. Verwenden Sie also nicht den alten Befehl:
npm config set Registry http://registry.npm.taobao.org

  • Stellen Sie die Standardquelle wieder her
npm config set registry https://registry.npmjs.org
Nach dem Login kopieren
  • Verwenden Sie nrm, um Quellen zu verwalten
# 全局安装nrm
npm install -g nrm
# 查看nrm源列表(支持默认源,淘宝源,腾讯源等)
nrm ls
# 切换源(镜像源的名称nrm ls是可以看到的)
nrm use taobao
Nach dem Login kopieren
  • im Projekt .npmrc-Datei zum Stammverzeichnis hinzufügen, Inhalt Taobao-Spiegeladresse:
registry = https://registry.npmmirror.com
Nach dem Login kopieren

Installationsabhängigkeiten


  • Globale Installation

 # 安装最新版本
 npm install -g xxx
 # 安装指定版本
 npm install -g xxx@1.0.0
Nach dem Login kopieren
  • Lokale Installation (aktueller Ordner)
npm install xxx
Nach dem Login kopieren
  • Projektabhängigkeitsinstallation, und schreiben Sie dependencies in package.json:
npm install –S xxx 
# 和上面效果一样,默认:
npm install xxx
Nach dem Login kopieren
  • Projektabhängigkeitsinstallation, und schreiben Sie devDependencies in package.json:
npm install –D xxx
Nach dem Login kopieren
  • Versionsnummer angeben
npm install vue@3.0.0
Nach dem Login kopieren
  • Projekt Diesmal, um Abhängigkeiten zu installieren, verwenden Sie vorübergehend den Taobao-Spiegel
npm install --registry=https://registry.npmmirror.com
Nach dem Login kopieren
  • , um ein bestimmtes Abhängigkeitspaket zu installieren (der folgende Befehl gibt Version @1.0.0 an) und verwenden Sie vorübergehend den Taobao-Spiegel:
npm install XXX@1.0.0 --registry=https://registry.npmmirror.com
Nach dem Login kopieren

, um Abhängigkeiten zu deinstallieren


  • zum Deinstallieren

npm uninstall <package-name></package-name>
Nach dem Login kopieren
  • Deinstallieren und in package.json entfernen:
    Mit dem Flag -S oder --save entfernt dieser Vorgang auch den Verweis in der Datei package.json;
    Wenn das Paket ein Entwicklungsabhängigkeiten (aufgelistet in devDependencies in der Datei package.json) müssen mit dem Flag -D oder --save-dev aus der Datei entfernt werden.
npm uninstall -S <package-name>
npm uninstall -D <package-name></package-name></package-name>
Nach dem Login kopieren
  • Globale Abhängigkeiten deinstallieren
npm uninstall -g <package-name></package-name>
Nach dem Login kopieren
  • Tipps
    Alias ​​​​der Deinstallation: entfernen, rm, r, un, unlink Dies sind alles Aliase der npm-Deinstallation.
npm uninstall -S <package-name>
# 等价
npm remove -S <package-name>
# 等价
npm rm -S <package-name></package-name></package-name></package-name>
Nach dem Login kopieren

Update


  • Zuerst nach Updates suchen

npm outdated
Nach dem Login kopieren

[Kompilierung und Freigabe] Allgemeine npm-Befehle, die für die Front-End-Entwicklung erforderlich sind
Rot markierte Pakete sind aktualisierbar, gelb markierte Pakete sind nicht aktualisierbar.

  • Führen Sie ein Update durch (nur die Patch- oder Nebenversion wird aktualisiert, die Hauptversion wird nicht aktualisiert)
    Wenn Sie die Haupt- und Nebenversionen nicht kennen, finden Sie unten eine Beschreibung der Versionsnummer. Scrollen Sie bitte runter.
npm update
Nach dem Login kopieren
  • Aktualisieren Sie die Hauptversion
Sehen Sie sich die installierte Paketversion an

# 1.安装"npm-check-updates"模块  
npm install -g npm-check-updates  
# 2.检查可更新的模块  
ncu  
npm-check-updates  
# 以上两条命令都可检查可更新模块。接下来更新package.json的依赖包到最新版本:  

#升级 package.json 文件的 dependencies 和 devDependencies 中的所有版本
ncu -u  
#以上命令执行,更新全部模块。但在实际开发中不建议一次全部更新,可以根据实际需要,更新指定的模块,并且可以根据作用范围在后面加上 -D、-S 或 -g
Nach dem Login kopieren


NPM-Hilfe anzeigen
  • # 全局安装 npm-check
    npm install -g npm-check
    # 查看可更新的依赖
    npm-check
    # 更新依赖
    npm-check -u
    Nach dem Login kopieren
Alle von npm verwendeten Ordner anzeigen
  • # 更新主版本的另一种方式就是先卸载,再重新安装
    # 卸载
    npm uninstall xxx
    # 重新安装-最新版本
    npm install xxx
    # 重新安装-制定版本
    npm install xxx@2.0.0
    Nach dem Login kopieren

  • Modulliste anzeigen (Manifestliste der lokal installierten Module anzeigen)
  • npm -v
    Nach dem Login kopieren

  • Global installierte Pakete anzeigen
  • npm 套件名称 -v
    Nach dem Login kopieren

    Sehen Sie sich die Version eines Pakets an
npm help
Nach dem Login kopieren
  • Sehen Sie sich den Ordner „package.json“ des Knotenmoduls an.

npm help folders
Nach dem Login kopieren
  • Sehen Sie sich die Abhängigkeiten des Pakets an Paket

  • npm list
    # 也可以使用缩写 ls
    npm ls
    Nach dem Login kopieren
  • Zeigen Sie die Version von Node an, von der das Paket abhängt
    npm list -g --depth 0
    Nach dem Login kopieren
  • Zeigen Sie den Installationspfad des aktuellen Pakets an
    npm list vue-cli
    Nach dem Login kopieren
Zeigen Sie den Installationspfad des globalen Pakets an
  • npm view moduleNames
    Nach dem Login kopieren

Überprüfen Sie, ob das Paket veraltet ist.
  • Dieser Befehl listet alle veralteten Pakete auf, und Sie können die Pakete rechtzeitig aktualisieren .json, Paket .json beschreibt die Struktur dieses Ordners. Die Methode für den Zugriff auf den JSON-Ordner von npm lautet wie folgt: Dieser Befehl öffnet eine Webseite auf die Standardmethode. Wenn das Standardöffnungsprogramm geändert wird, wird sie möglicherweise nicht als Webseite geöffnet.

Überprüfen Sie, ob der Paketname bereits vorhanden ist.
  • Beim Veröffentlichen eines npm-Pakets müssen Sie prüfen, ob ein bestimmter Paketname bereits vorhanden ist Versionsnummer

    npm-Versionsnummernformat
  • Y. Nebenversionsnummer: Wenn Sie eine abwärtskompatible Funktionserweiterung vornehmen,
  • Z. Revisionsnummer: Wenn Sie eine abwärtskompatible Problemkorrektur vornehmen.

依赖库版本号、符号

  • 没有任何符号
1.0.0
完全百分百匹配,当前库/项目必须使用当前版本号,如果和其他依赖使用了相同库不同版本,会在库的文件夹下建立一个 node_modules 文件夹存放它需要依赖的版本文件。
Nach dem Login kopieren
  • ~
不改变主版本号和次版本号,修订号可以随意更改
例如 ~2.0.0 ,可以使用 2.0.0、2.0.2 、2.0.9 的版本。
Nach dem Login kopieren
  • ^
不改变主版本号(主版本号非0),此版本号和修订号可以随意更改
例如 ^2.0.0 ,可以使用 2.0.1、2.2.2 、2.9.9 的版本。
Nach dem Login kopieren
  • *号
*表示任意版本 对版本没有限制, 一般不用
"base": "*"
Nach dem Login kopieren
  • >
大于某个版本,表示只要大于这个版本的安装包都行
例如:"node": "> 4.0.0"
Nach dem Login kopieren
  • >=
大于某个版本,表示只要大于或等于这个版本的安装包都行
例如:"node": ">= 4.0.0"
Nach dem Login kopieren
  • <
小于某个版本,表示只要小于这个版本的安装包都行
例如:"http-proxy-middleware": "<0.17.3"
Nach dem Login kopieren
  • <=
小于或等于某个版本,表示只要小于或等于这个版本的安装包都行
例如:"http-proxy-middleware": "<=0.17.3"
Nach dem Login kopieren
  • -
-表示两个版本号之间的版本
"base": "1.0.1-1.5.9"
例如 1.0.1-1.5.9 可以使用 1.0.1到1.5.9之间的任意版本
Nach dem Login kopieren

更多node相关知识,请访问:nodejs 教程

Das obige ist der detaillierte Inhalt von[Kompilierung und Freigabe] Allgemeine npm-Befehle, die für die Front-End-Entwicklung erforderlich sind. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:csdn.net
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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!