Quels sont quelques trucs et astuces utiles dans NPM

Dans NPM, vous pouvez exécuter une seule commande pour installer plusieurs modules, obtenir des informations sur les packages, installer des versions spécifiques des packages, répertorier les dépendances et d'autres trucs et astuces utiles

Si vous utilisez NPM dans votre flux de travail quotidien, je pense que les trucs et astuces présentés dans cet article vous seront utiles

[Cours recommandés : cours node.js]

[Articles recommandés : Qu'est-ce que npm, Comment installer et configurer npm]

Générer package.json

Nous exécutez généralement npm init, puis commencez à ajouter les informations demandées par npm. Cependant, si nous ne nous soucions pas de toutes ces informations et souhaitons conserver les valeurs par défaut, nous appuyons sur Entrée pour chaque élément de données demandé par npm. Pour éviter cela, vous pouvez taper npm init -y. De cette façon, vous pouvez éviter de poser des questions.

Remarque : Vous pouvez également utiliser npm init --yes qui a le même effet.

Installer des modules

Vous pouvez utiliser le npm i plus simple au lieu de npm install.

Installez plusieurs modules à la fois

Vous n'avez pas besoin de taper une commande d'installation npm pour chaque module, par exemple :

code bash :

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

Vous pouvez installer tous ces modules en même temps en exécutant une seule commande :

code bash :

npm i gulp-pug gulp-debug gulp-sass

Il existe également un moyen plus simple, si tous les noms commencent par Commençant par le même préfixe, vous n'avez pas besoin de taper le nom complet :

code bash :

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

Utiliser le raccourci des indicateurs d'installation

Si vous souhaitez installer un package et l'enregistrer en tant que dépendance de production, vous feriez généralement ceci

code bash :

npm i gulp --save-prod

Vous pouvez utiliser le raccourci -P, comme ceci :

code bash :

npm i gulp -P

Il en va de même pour les dépendances de développement, il n'est pas nécessaire de taper l'indicateur complet --save-dev, vous pouvez utiliser le raccourci -D , comme ceci :

code bash :

npm i gulp -D

Par défaut, lorsque vous exécutez npm install sans aucun indicateur (argument), npm ajoutera le package en tant que dépendance au package.json déposer. Si vous souhaitez éviter cela, installez avec --no-save flags (paramètre) comme suit :

code bash :

npm i gulp --no-save

Obtenir les informations sur le package

La commande suivante affichera des informations pertinentes sur le package vue :

npm view vue ou npm v vue

Si vous souhaitez simplement obtenir la dernière version d'un package, essayez la commande suivante :

code bash :

> npm v vue version> 2.5.17

Si vous souhaitez obtenir la liste complète des versions des packages npm, essayez la forme plurielle

Code bash :

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

Installer une version spécifique d'un package

Si vous souhaitez installer une version autre que la dernière version d'un package, vous pouvez taper :

code bash :

npm i vue@2.5.15

Comme il est plus facile de se souvenir des noms que des chiffres (du moins pour moi), vous pouvez utiliser une liste de noms avec balise dist et exécuter le Commande npm v pour obtenir cela La liste est la suivante :

code bash :

npm i vue@beta

Rechercher un package

Parfois, vous ne vous en souvenez peut-être pas l'heure du paragraphe précédent ou le nom exact d'un forfait recommandé par votre ami. Dans ce cas, vous pouvez utiliser la recherche npm et effectuer la recherche directement dans le terminal :

code bash :

npm search gulp debug

ou

code bash :

npm s gulp debug

Cela imprimera une liste de packages avec la description, l'auteur et quelques autres informations :

Désinstaller le package(package)

Si vous ne souhaitez pas ouvrir le fichier package.json et supprimer manuellement la dépendance à partir de là, vous pouvez la supprimer en utilisant :

code bash :

npm uninstall vue

Ceci supprimez-le du dossier node_modules et du fichier package.json pour supprimer le package. Bien sûr, vous pouvez utiliser rm, un ou r pour obtenir le même effet, par exemple :

code bash :

npm rm vue

Si pour une raison quelconque vous souhaitez simplement supprimer des node_modules dossier du package, mais enregistrez-le toujours en tant que dépendance dans le fichier package.json, vous pouvez utiliser le paramètre --no-save :

code bash :

npm rm vue --no-save

colonne Out Dependencies

Si vous souhaitez voir une liste des dépendances du projet, vous pouvez utiliser le

code bash :

npm ls

Cela listera tous les dépendances dans les dépendances du fichier package.json et toutes leurs dépendances. Si vous souhaitez simplement lister vos dépendances, vous pouvez faire ceci

code bash :

npm ls --depth=0

这将打印出这样的东西：

bash 代码:

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

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

bash 代码:

npm ls -g -depth 0

运行测试

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

显示可用的 script

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

bash 代码:

npm run

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

bash 代码:

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

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

bash 代码:

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

从 Github 仓库安装 package(包)

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

bash 代码:

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

或者你可以省略域名部分

bash 代码:

npm i sindresorhus/gulp-debug

打开包的 Github 页面

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

bash 代码:

npm repo create-react-app

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

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

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

bash 代码:

npm run env | grep npm_

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

bash 代码:

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 中，以保持结构有序。 像这样：

bash 代码:

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

现在，如果你使用前面讨论的命令 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...

默认情况下，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"}

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

bash 代码:

gulp build --dist ./dist

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!