NPM で役立つヒントやコツは何ですか?

NPM では、1 つのコマンドを実行するだけで、複数のモジュールのインストール、パッケージ情報の取得、特定のバージョンのパッケージのインストール、依存関係の一覧表示、その他の役立つヒントやコツを実行できます

#NPM を日常のワークフローで使用する場合は、この記事で紹介したヒントとコツが役に立つと思います。

[おすすめコース: node.js コース]

[おすすめ記事: npm とは、npm のインストールと構成方法]

package.json の生成

通常、 npm init を実行し、npm によって要求された情報の追加を開始します。ただし、このすべての情報を気にせず、デフォルト値を保持したい場合は、npm リクエストのすべてのデータに対して Enter キーを押します。これを回避するには、「npm init -y」と入力します。こうすることで、質問を省略できます。

注: npm init --yes を使用することもでき、同じ効果があります。

モジュールのインストール

npm install の代わりに、より単純な npm i を使用できます。

複数のモジュールを一度にインストールする

モジュールごとに npm install コマンドを入力する必要はありません。例:

bash code:

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

コマンドを 1 つ実行するだけで、これらすべてのモジュールを一度にインストールできます:

bash コード:

npm i gulp-pug gulp-debug gulp-sass

すべての名前が同じで始まる場合は、より簡単な方法もあります。 prefix を使用する場合は、名前全体を入力する必要はありません:

bash code:

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

インストール フラグ (インストール パラメーター) のショートカットを使用する

Ifソフトウェア パッケージをインストールして、運用環境の依存関係として保存したい場合は、通常はこれを実行します。

bash コード:

npm i gulp --save-prod

次のように、-P ショートカットを使用できます:

bash コード :

npm i gulp -P

開発依存関係についても同様で、完全な --save-dev フラグを入力する代わりに、次のように -D ショートカットを使用できます:

bash コード:

npm i gulp -D

デフォルトでは、フラグ (引数) を指定せずに npm install を実行すると、npm はパッケージを依存関係として package.json ファイルに追加します。これを防ぎたい場合は、次のように --no-save フラグ (パラメーター) を指定してインストールします。

bash code:

npm i gulp --no-save

Get package information

次のコマンドは、vue パッケージに関する関連情報を表示します:

npm view vue または npm v vue

最新のパッケージを取得したいだけの場合パッケージのバージョンを確認するには、次のコマンドを試してください:

bash コード:

> npm v vue version> 2.5.17

npm パッケージの完全なバージョンのリストを取得したい場合は、複数形

# を試してください。 ##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' ]

パッケージの特定のバージョンをインストールする

パッケージの最新バージョンではなく、あるバージョンをインストールする場合は、次のように入力します。 :

bash コード:

npm i vue@2.5.15

数値よりも名前を覚えやすいため (少なくとも私にとっては)、名前の dist-tag リストを使用し、npm v コマンドを実行して取得することができます。

bash code:

npm i vue@beta

パッケージの検索

自分や友達が勧めたパッケージを覚えていない場合があります。少し前に（パッケージの正確な名前）。この場合、npm 検索を使用してターミナルで直接検索を実行できます:

bash code:

npm search gulp debug

または

bash code:

npm s gulp debug

これにより、説明、作成者、その他の情報を含むパッケージのリストが出力されます:

Uninstall package(package)

if package.json ファイルを開いてそこから依存関係を手動で削除する必要はありません。次のコマンドを使用して削除できます。

bash コード:

npm uninstall vue

これにより、node_modules から依存関係が削除されます。フォルダーと package.json ファイルからパッケージを削除します。もちろん、rm、un、または r を使用して同じ効果を達成することもできます。例:

bash code:

npm rm vue

何らかの理由で、単にパッケージ ファイルをnode_modules フォルダーに保存しても、依存関係として package.json ファイルに保存する場合は、--no-save パラメーターを使用できます:

bash コード:

npm rm vue --no-save

依存関係のリスト

プロジェクトの依存関係のリストを表示したい場合は、

bash コード:

npm ls

を使用できます。これにより、package.json ファイル内のすべての依存関係がリストされます。およびそのすべての依存関係。依存関係をリストしたいだけの場合は、これを実行できます

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 的一些有用的提示和技巧，希望对大家有所帮助。

以上がNPM で役立つヒントやコツは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。