NPM ウィンドウ

ツールウィンドウを npm、pnpm、Yarn スクリプトを実行するに使用します。

始める前に

Node.js をダウンロードしてインストールします。 npm もインストールされているため、これを使用する場合は、前の手順を完了してください。
Yarn を使用するには、 Yarn オフィシャル Web サイト(英語)の説明に従ってインストールしてください。

スクリプトの実行

エクスプローラーツールウィンドウ（Alt+1 ）で package.json ファイルを選択するか、エディターでファイルを開いてコンテキストメニューから npm スクリプトの表示を選択すると、 npm ツールウィンドウが開きます。

npm、pnpm、Yarn を呼び出すとすぐに、ツールは、呼び出された package.json ファイルの scripts プロパティ内で定義されたスクリプトのツリーの構築を開始します。

プロジェクトに複数の package.json ファイルがある場合は、それらごとに個別のスクリプトツリーを構築し、以前に構築したツリーを削除せずにスクリプトを実行できます。各ツリーは、個別のノードに表示されます。

ツールウィンドウには、スクリプト出力が表示され、エラーが発生したことが報告され、見つからなかったパッケージやプラグインが一覧表示されます。最後に実行されたスクリプトの名前がツールウィンドウのタイトルバーに表示されます。

スクリプトのツリーを構築するには、次のいずれかを実行する

エクスプローラーツールウィンドウ（Alt+1 ）で必要な package.json ファイルを選択するか、エディターでファイルを開き、コンテキストメニューから npm スクリプトの表示を選択します。
npm ツールウィンドウで、ツールバーのをクリックし、リストから必要な package.json ファイルを選択します。デフォルトでは、JetBrains Rider はプロジェクトのルートに package.json ファイルを表示します。別の package.json ファイルがある場合は、 package.json を選択をクリックし、表示されたダイアログで必要な package.json ファイルを選択してください。 JetBrains Rider は、選択した package.json ファイルへのパスをタイトルに含む新しいノードを追加し、その新しいノードの下にスクリプトのツリーを構築します。

ツリーを再構築する

必要なノードに切り替えて、ツールバーのをクリックします。

ツリー内のスクリプトを名前でソートする

ツールバーのをクリックし、メニューから並べ替えを選択し、続けて名前⁠ を選択します。
デフォルトでは、ツリーには、 package.json （オプション定義順序）で定義されている順序でスクリプトが表示されます。

1 つのスクリプトを実行する

スクリプトをダブルクリックしてください。
ツリーでスクリプトを選択して Enter を押すか、コンテキストメニューから <スクリプト名> の実行を選択します。

いくつかのスクリプトを実行する

複数選択モードを使用します：隣接するアイテムの場合は Shift キーを、隣接しないアイテムの場合は Ctrl キーを押しながら、必要なスクリプトを選択し、選択のコンテキストメニューから実行またはデバッグを選択します。

ツールバー

	package.json を追加	このボタンをクリックして、別の package.json ファイルのスクリプトツリーを作成します。リストから必要な package.json ファイルを選択します。 JetBrains Rider は新しいノードを追加し、その下にスクリプトのツリーを構築します。
	package.json を削除	選択したノードにあるスクリプトのツリーを削除するには、このボタンをクリックします。
	スクリプトの再ロード	このボタンをクリックすると、選択したノードにあるスクリプトのツリーが再構築されます。対応する package.json ファイルを更新した後は、 npm がその場でツリーに変更を適用しないため、ツリーを再構築する必要がある場合があります。
	すべて折りたたむ	このボタンをクリックすると、すべてのスクリプトツリーが非表示になり、 package.json ノードだけが表示されます。
		このボタンをクリックして、現在のビューを構成し、ツールウィンドウの表示モードを変更します。詳細については、ツールウィンドウの表示モードを参照してください。ほとんどのメニュー項目は、オンまたはオフにできるオプションであることに注意してください。オンになっているオプションには、名前の左側にチェックマークが付いています。 NPM-specific オプションは次のとおりです。 npm 構成の編集：このオプションを選択して npm 実行/デバッグ構成ダイアログを開き、 npm と Node.js ランタイムの現在の設定を更新します。詳しくは npm、pnpm、Yarn を参照してください。並べ替え：: スクリプトがツリーに表示される順序を構成するには、このオプションを選択します。ツールバーのをクリックし、メニューから並べ替えを選択してから、名前⁠ を選択します。デフォルトでは、ツリーには、 package.json （オプション定義順序）で定義されている順序でスクリプトが表示されます。
	非表示	このボタンをクリックすると、ツールウィンドウが非表示になります。再度表示するには、メインメニューで %view_tool_window% \| ツールウィンドウ \| npm を選択します。ツールウィンドウが再び表示され、以前に構築されたタスクのツリーがすべて表示されます。

ツリーのコンテキストメニュー

npm の設定	このメニュー項目を選択して、 npm の設定ダイアログを開き、 Node.js 構成を表示または編集します
ソースに移動	現在のツリーが構築されている package.json ファイルを開くには、このメニュー項目を選択します。
スクリプトの再ロード	選択したノードにあるスクリプトのツリーを再構築するには、このメニュー項目を選択します。
パスのコピー	現在のツリーがクリップボードに作成された package.json ファイルへのパスを保存するには、このメニュー項目を選択します。
package.json を削除	選択したノードにあるスクリプトのツリーを削除するには、このメニュー項目を選択します。

スクリプトのコンテキストメニュー

<スクリプト名> の実行	選択したスクリプトを実行するには、このメニュー項目を選択します。
編集 <script name> settings	このメニュー項目を選択すると、実行 / デバッグ構成ダイアログが開き、選択したスクリプトの事前定義された設定を編集できます。
ソースに移動	現在のツリーが構築されている package.json ファイルを開き、選択したスクリプトの定義に移動するには、このメニュー項目を選択します。

2026 年 6 月 12 日