NPM ツールウィンドウ

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

始める前に

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

スクリプトの実行

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

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

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

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

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

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

ツリーを再構築する

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

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

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

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

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

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

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

ツールバー

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

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

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

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

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

2026 年 7 月 15 日