Heim > Web-Frontend > js-Tutorial > Hauptteil

Was sind einige nützliche Tipps und Tricks in NPM?

清浅
Freigeben: 2019-01-21 17:49:31
Original
4198 Leute haben es durchsucht

In NPM können Sie nur einen Befehl ausführen, um mehrere Module zu installieren, Paketinformationen abzurufen, bestimmte Versionen von Paketen zu installieren, Abhängigkeiten aufzulisten und andere nützliche Tipps und Tricks zu erhalten

Wenn Sie NPM in Ihrem täglichen Arbeitsablauf verwenden, werden Ihnen die in diesem Artikel vorgestellten Tipps und Tricks meiner Meinung nach hilfreich sein

Was sind einige nützliche Tipps und Tricks in NPM?

[Empfohlene Kurse: node.js-Kurs]

[Empfohlene Artikel: Was ist npm, So installieren und konfigurieren Sie npm]

Paket.json generieren

Wir Führen Sie normalerweise npm init aus und beginnen Sie dann mit dem Hinzufügen der von npm angeforderten Informationen. Wenn uns diese Informationen jedoch nicht wichtig sind und wir die Standardwerte beibehalten möchten, drücken wir für jedes Datenelement, das npm anfordert, die Eingabetaste. Um dies zu vermeiden, können Sie npm init -y eingeben. Auf diese Weise können Sie auf das Stellen von Fragen verzichten.

Hinweis: Sie können auch npm init --yes verwenden, was den gleichen Effekt hat.

Module installieren

Sie können das einfachere npm i anstelle von npm install verwenden.

Mehrere Module gleichzeitig installieren

Sie müssen nicht für jedes Modul einen npm-Installationsbefehl eingeben, zum Beispiel:

Bash-Code:
npm i gulp-pugnpm i gulp-debugnpm i gulp-sass
Nach dem Login kopieren

Sie können alle diese Module auf einmal installieren, indem Sie nur einen Befehl ausführen:

Bash-Code:
npm i gulp-pug gulp-debug gulp-sass
Nach dem Login kopieren

Es gibt auch einen einfacheren Weg, wenn alle Namen mit demselben beginnen Präfix , Sie müssen nicht den gesamten Namen eingeben:

Bash-Code:
npm i gulp{-debug,-sass,-pug}
Nach dem Login kopieren

Verwenden Sie die Verknüpfung „Installationsflags (Installationsparameter)“

wenn Wenn Sie ein Softwarepaket installieren und es als Produktionsabhängigkeit speichern möchten, tun Sie normalerweise Folgendes:

Bash-Code:
npm i gulp --save-prod
Nach dem Login kopieren

Sie können die Tastenkombination -P verwenden, etwa so:

Bash-Code:
npm i gulp -P
Nach dem Login kopieren

Das Gleiche gilt für Entwicklungsabhängigkeiten. Anstatt das vollständige Flag --save-dev einzugeben, können Sie die Verknüpfung -D verwenden, etwa so:

Bash-Code :
npm i gulp -D
Nach dem Login kopieren

Wenn Sie npm install ohne Flags (Argumente) ausführen, fügt npm das Paket standardmäßig als Abhängigkeit zur Datei package.json hinzu. Wenn Sie dies verhindern möchten, installieren Sie mit den Flags --no-save (Parameter) wie folgt:

Bash-Code:
npm i gulp --no-save
Nach dem Login kopieren

Get package information

Der folgende Befehl zeigt relevante Informationen zum Vue-Paket an:

npm view vue oder npm v vue

npm 获取包信息

Wenn Sie nur die neuesten Informationen erhalten möchten Version des Pakets können Sie den folgenden Befehl ausprobieren:

bash Code:
> npm v vue version> 2.5.17
Nach dem Login kopieren

Wenn Sie die vollständige Versionsliste der npm-Pakete erhalten möchten, versuchen Sie es bitte mit der Pluralform

Bash-Code:
> npm v vue versions> [ '0.0.0',  '0.6.0',  '0.7.0',  ...  '2.5.15',  '2.5.16',  '2.5.17-beta.0',  '2.5.17' ]
Nach dem Login kopieren

Eine bestimmte Version eines Pakets installieren

Wenn Sie eine Version anstelle der neuesten Version eines Pakets installieren möchten, können Sie Folgendes eingeben :

Bash-Code:
npm i vue@2.5.15
Nach dem Login kopieren

Da es (zumindest für mich) einfacher ist, sich Namen als Zahlen zu merken, können Sie eine dist-tag-Liste mit Namen verwenden und zum Abrufen den Befehl npm v ausführen die Liste, etwa so:

Bash-Code:
npm i vue@beta
Nach dem Login kopieren

Paket(paket) suchen

Manchmal erinnern Sie sich möglicherweise nicht an ein Paket, das Sie oder Ihr Partner haben Freunde haben es vor einiger Zeit empfohlen (der genaue Name des Pakets). In diesem Fall können Sie npm search verwenden und die Suche direkt im Terminal durchführen:

bash code:
npm search gulp debug
Nach dem Login kopieren

oder

bash code:
npm s gulp debug
Nach dem Login kopieren

Dadurch wird eine Liste der Pakete mit Beschreibung, Autor und einigen anderen Informationen gedruckt:

npm 搜索结果

Paket(paket) deinstallieren

falls Sie möchten die package.json-Datei nicht öffnen und die Abhängigkeiten von dort manuell entfernen, Sie können sie mit folgendem Befehl entfernen:

Bash-Code:
npm uninstall vue
Nach dem Login kopieren

Dadurch werden die Abhängigkeiten von den node_modules entfernt Ordner und package.json Löschen Sie das Paket aus der Datei. Natürlich können Sie rm, un oder r verwenden, um den gleichen Effekt zu erzielen, zum Beispiel:

Bash-Code:
npm rm vue
Nach dem Login kopieren

Wenn Sie aus irgendeinem Grund nur die Paketdateien aus dem löschen möchten Wenn Sie den Ordner „node_modules“ im Ordner „node_modules“ speichern, ihn aber dennoch als Abhängigkeit in der Datei „package.json“ speichern, können Sie den Parameter „--no-save“ verwenden:

Bash-Code:
npm rm vue --no-save
Nach dem Login kopieren

Abhängigkeiten auflisten

Wenn Sie die Liste der Projektabhängigkeiten sehen möchten, können Sie den

Bash-Code verwenden:
npm ls
Nach dem Login kopieren

Dadurch werden alle Abhängigkeiten in der package.json aufgelistet Datei und alle ihre Abhängigkeiten. Wenn Sie nur Ihre Abhängigkeiten auflisten möchten, können Sie diesen

Bash-Code:
tun
npm ls --depth=0
Nach dem Login kopieren

这将打印出这样的东西:

bash 代码:
├── jquery@3.3.1├── vue@2.5.17└── yarn@1.12.3
Nach dem Login kopieren

当然,如果要查看所有全局安装的包的列表,可以使用 -g 标志

bash 代码:
npm ls -g -depth 0
Nach dem Login kopieren

运行测试

你可以使用 npm run tests 运行测试,但你可以用 npm test 甚至更简短的 npm t 代替。

显示可用的 script

有时,我们希望查看 package.json 文件中包含的脚本。 我们当然可以打开 package.json 文件,但我们也可以这样做:

bash 代码:
npm run
Nach dem Login kopieren

如果在 package.json 文件中有这样的配置,如下所示:

bash 代码:
"scripts": {  "test": "jest",  "build": "gulp build"}
Nach dem Login kopieren

那么 npm run 命令将显示以下内容:

bash 代码:
Lifecycle scripts included in npm:  test    jestavailable via `npm run-script`:  build    gulp-build
Nach dem Login kopieren

从 Github 仓库安装 package(包)

你可以直接从 Github 仓库安装一个包:

bash 代码:
npm i https://github.com/sindresorhus/gulp-debug
Nach dem Login kopieren

或者你可以省略域名部分

bash 代码:
npm i sindresorhus/gulp-debug
Nach dem Login kopieren

打开包的 Github 页面

你当然可以通过 Google 搜索,然后查找该页面,或者你可以执行以下操作:

bash 代码:
npm repo create-react-app
Nach dem Login kopieren

无需安装软件包即可执行上述命令。

列出所有可用的 NPM 环境变量

你可以通过运行以下命令来查看可供我们使用的 NPM 变量的完整列表:

bash 代码:
npm run env | grep npm_
Nach dem Login kopieren

上面的命令将打印如下内容:

bash 代码:
npm_config_fetch_retry_maxtimeout=60000npm_config_tag_version_prefix=vnpm_config_strict_ssl=truenpm_config_sso_type=oauth...
Nach dem Login kopieren

这些变量的好处是它们可以在你的脚本中使用,你甚至可以创建自己的 NPM 环境变量,让我们看看如何创建。

添加自己的 NPM 变量

你可以通过向 package.json 文件添加自己的 NPM 变量。 它可以是任何 key,但我更喜欢将所有 NPM 变量放在 config key 中,以保持结构有序。 像这样:

bash 代码:
"config": {   "build_folder":"./dist" }
Nach dem Login kopieren

现在,如果你使用前面讨论的命令 npm run env | grep npm_ 列出你的变量,你会看到你的新变量在那里:

bash 代码:
npm_package_config_build_folder=./distnpm_config_fetch_retry_maxtimeout=60000npm_config_tag_version_prefix=vnpm_config_strict_ssl=truenpm_config_sso_type=oauth...
Nach dem Login kopieren

默认情况下,npm 会将你的变量命名以 npm_package 为前缀,并保持其在 package.json文件中的结构,即 config_build_folder 。

在 NPM script 中使用 NPM 变量

一旦你看到了完整的变量列表,并且你希望在 script 中使用这些变量中的任何一个的值,那么你就可以在 package.json 中执行此操作(请参阅上一节中变量 npm_package_config_build_folder 的值)

bash 代码:
"scripts": {  "build": "gulp build --dist $npm_package_config_build_folder"}
Nach dem Login kopieren

一旦你用 npm run build 运行这个命令,它将被执行为

bash 代码:

gulp build --dist ./dist
Nach dem Login kopieren

总结:以上就是有关NPM 的一些有用的提示和技巧,希望对大家有所帮助。




Das obige ist der detaillierte Inhalt vonWas sind einige nützliche Tipps und Tricks in NPM?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
npm
Quelle:html.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
Neueste Artikel des Autors
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!