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