Was sind einige nützliche Tipps und Tricks in 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:

npm i gulp-pugnpm i gulp-debugnpm i gulp-sass

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

npm i gulp-pug gulp-debug gulp-sass

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

npm i gulp{-debug,-sass,-pug}

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:

npm i gulp --save-prod

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

npm i gulp -P

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:

npm i gulp -D

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:

npm i gulp --no-save

Get package information

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

npm view vue oder npm v vue

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

> npm v vue version> 2.5.17

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

> 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' ]

Eine bestimmte Version eines Pakets installieren

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

npm i vue@2.5.15

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:

npm i vue@beta

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:

npm search gulp debug

oder

npm s gulp debug

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

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:

npm uninstall vue

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:

npm rm vue

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:

npm rm vue --no-save

Abhängigkeiten auflisten

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

npm ls

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

npm ls --depth=0

这将打印出这样的东西：

├── jquery@3.3.1├── vue@2.5.17└── yarn@1.12.3

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

npm ls -g -depth 0

运行测试

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

显示可用的 script

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

npm run

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

"scripts": {  "test": "jest",  "build": "gulp build"}

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

Lifecycle scripts included in npm:  test    jestavailable via `npm run-script`:  build    gulp-build

从 Github 仓库安装 package(包)

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

npm i https://github.com/sindresorhus/gulp-debug

或者你可以省略域名部分

npm i sindresorhus/gulp-debug

打开包的 Github 页面

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

npm repo create-react-app

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

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

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

npm run env | grep npm_

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

npm_config_fetch_retry_maxtimeout=60000npm_config_tag_version_prefix=vnpm_config_strict_ssl=truenpm_config_sso_type=oauth...

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

添加自己的 NPM 变量

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

"config": {   "build_folder":"./dist" }

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

npm_package_config_build_folder=./distnpm_config_fetch_retry_maxtimeout=60000npm_config_tag_version_prefix=vnpm_config_strict_ssl=truenpm_config_sso_type=oauth...

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

在 NPM script 中使用 NPM 变量

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

"scripts": {  "build": "gulp build --dist $npm_package_config_build_folder"}

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

bash 代码:

gulp build --dist ./dist

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