Grunt ツールウィンドウ
このツールウィンドウを使用して Grunt タスク(英語)を実行します。タスクの実行結果が実行ツールウィンドウに表示されます。ツールウィンドウには、Grunt の出力が表示され、エラーが発生したことが報告され、見つからなかったパッケージやプラグインが一覧表示されます。最後に実行されたタスクの名前がツールウィンドウのタイトルバーに表示されます。
始める前に
Node.js をダウンロードしてインストールします。
grunt-cli パッケージ (Grunt コマンドラインインターフェース) をグローバルにインストールし、grunt パッケージを開発依存関係としてインストールします。詳細については、「Grunt のインストール」を参照してください。
タスクとターゲットの実行
Grunt ツールウィンドウを開くには
プロジェクトツールウィンドウ Alt+1 で必要な Gruntfile.js ファイルを選択するか、エディターで開いてコンテキストメニューから Grunt タスクの表示を選択します。
タスクのツリーを構築する
Grunt ツールウィンドウで、ツールバーの
をクリックして、リストから必要な Gruntfile.js ファイルを選択します。デフォルトでは、PhpStorm はプロジェクトのルートに Gruntfile.js ファイルを表示します。別の Gruntfile.js ファイルがある場合は、Gruntfile.js を選択をクリックし、表示されるダイアログで必要な Gruntfile.js ファイルを選択します。PhpStorm は、タイトルに選択した Gruntfile.js ファイルへのパスを持つ新しいノードを追加し、新しいノードにタスクツリーを構築します。
ツリーを再構築する
必要なノードに切り替えて、ツールバーの
をクリックします。
ツリー内のタスクを名前でソートするには
ツールバーの
をクリックし、メニューから並べ替えを選択してから、名前を選択します。デフォルトでは、ツリーには、Gruntfile.js（オプション定義順序）で定義されている順序でタスクが表示されます。
タスクまたはターゲットを実行するには
タスクまたはターゲットをダブルクリックします。
ツリーでタスクまたはターゲットを選択して Enter を押すか、コンテキストメニューから実行 <タスク名> を選択します。
既定のタスクを実行するには
ツリー内のルートノードを選択し、選択範囲のコンテキストメニューでデフォルトを実行を選択します。
複数のタスクまたはターゲットを実行するには
複数選択モードを使用します。Shift （隣接するアイテムの場合）または Ctrl （隣接しないアイテムの場合）キーを押しながら必要なタスクまたはターゲットを選択してから、選択のコンテキストメニューから実行またはデバッグを選択します。
タスクまたはターゲットの定義に移動するには
ツリーで必要なタスクまたはターゲットを選択して、選択のコンテキストメニューからソースに移動を選択します。
ツールバー
| Gruntfile を追加 | このボタンをクリックすると、別の Gruntfile.js ファイルのタスクツリーが構築されます。リストから必要な Gruntfile.js ファイルを選択します。PhpStorm は新しいノードを追加し、その下にタスクツリーを構築します。 |
| Gruntfile を削除する | このボタンをクリックすると、選択したノードのタスクツリーが削除されます。 |
| タスクの再ロード | このボタンをクリックすると、選択したノードにタスクツリーが再構築されます。Grunt はツリーに変更をその場で適用しないため、対応する Gruntfile.js ファイルを更新した後にツリーを再構築する必要がある場合があります。 |
| すべて折りたたむ | このボタンをクリックすると、すべてのタスクツリーが非表示になり、Gruntfile.js ノードのみが表示されます。 |
| このボタンをクリックして、現在のビューを構成し、ツールウィンドウの表示モードを変更します。詳細については、ツールウィンドウの表示モードを参照してください。 ほとんどのメニュー項目は、オンまたはオフにできるオプションであることに注意してください。オンになっているオプションには、名前の左側にチェックマークが付いています。Grunt -specific オプションは次のとおりです。
| |
| 非表示 | このボタンをクリックすると、ツールウィンドウが非表示になります。再度表示するには、メインメニューで を選択します。ツールウィンドウが再び表示され、以前に構築されたタスクのツリーがすべて表示されます。 |
ツリーのコンテキストメニュー
Grunt 設定 | このメニュー項目を選択して Grunt 設定ダイアログを開き、Node.js 構成を表示または編集します |
ソースに移動 | 現在のツリーが構築されている Gruntfile.js ファイルを開くには、このメニュー項目を選択します。 |
タスクの再ロード | 選択したノードにあるタスクのツリーを再構築するには、このメニュー項目を選択します。 |
パスをコピー | 現在のツリーがクリップボードに作成された Gruntfile.js ファイルへのパスを保存するには、このメニュー項目を選択します。 |
Gruntfile.js を削除する | 選択したノードにあるタスクのツリーを削除するには、このメニュー項目を選択します。 |
タスクまたはターゲットのコンテキストメニュー
<タスク / ターゲット名> の実行 | 選択したタスクまたはターゲットを実行するには、このメニュー項目を選択します。 |
<タスク / ターゲット名> のデバッグ | 選択したタスクまたはターゲットをデバッグするには、このメニュー項目を選択します。 |
<タスク / ターゲット名> 設定の編集 | このメニュー項目を選択すると、実行 / デバッグ構成ダイアログが開き、選択したタスクまたはターゲットの事前定義された設定を編集できます。 |
ソースに移動 | 現在のツリーが構築されている Gruntfile.js ファイルを開き、選択したタスクまたはターゲットの定義に移動するには、このメニュー項目を選択します。 |
関連ページ：
実行ツールウィンドウ
実行ツールウィンドウには、アプリケーションによって生成された出力が表示されます。各タブの外観は、実行中のアプリケーションの種類によって異なり、追加のツールボックスとペインを含めることができます。Vue.js アプリケーションをデバッグする、Angular アプリケーションをデバッグする、Vite アプリケーションをデバッグする、React アプリケーションをデバッグするから詳細を学びます。ツールウィンドウのタブ：タブをピン留め複数のアプリケーションを実行している場合、各アプリケーションは、適用...
どこでも検索
プロジェクト内またはプロジェクト外のアイテムは、その名前で見つけることができます。単一のエントリポイントから、Git 内のファイル、アクション、クラス、シンボル、設定、UI 要素などを検索できます。プロジェクト内のテキストの検索の詳細については、「プロジェクト内のターゲットを検索する」を参照してください。どこでも検索メインメニューで、に移動するか、を 2 回押して検索ウィンドウを開きます。デフォルトでは、PhpStorm は最近使用したファイルのリストを表示します。もう一度を 2 回押すか、...
ツールウィンドウの表示モード
デフォルトでは、ツールウィンドウはメインウィンドウの端にアタッチされ、常に表示されています。たとえば、特定のツールウィンドウの表示モードを変更して、アクティブな場合にのみ表示したり、ツールウィンドウバーから切り離したりできます。ツールウィンドウの表示モードを変更するメインメニューでに移動し、表示モードを選択します。または、ツールウィンドウのヘッダーでクリックし、を選択して、表示モードを選択します。次のツールウィンドウの表示モードを使用できます。ドック (ピン留め): これは、ツールウィンドウが...