Grunt

grunt-cli をグローバルにインストールする

• 組み込み ターミナル (Alt+F12) で次のように入力します。

  npm install -g grunt-cli

プロジェクトに Grunt をインストールする

• 組み込み ターミナル (Alt+F12) で次のように入力します。

  npm install grunt --save-dev

Grunt ツールウィンドウを開く

IntelliJ IDEA セッション中に初めてタスクのツリーを構築するとき、 Grunt ツールウィンドウはまだ開かれていません。

• プロジェクト ツールウィンドウ（Alt+1 ）で必要な Gruntfile.js ファイルを選択するか、エディターで開いてコンテキストメニューから Grunt タスクの表示 を選択します。

Grunt ツールウィンドウからタスクのツリーを構築する

1. Grunt ツールウィンドウで、ツールバーの をクリックし、リストから必要な Gruntfile.js ファイルを選択します。 デフォルトでは、IntelliJ IDEA はプロジェクトのルートに Gruntfile.js ファイルを表示します。

2. 別の Gruntfile.js ファイルがある場合は、 Gruntfile.js を選択 をクリックして表示されるダイアログで必要な Gruntfile.js ファイルを選択します。 IntelliJ IDEA は、タイトルに選択した Gruntfile.js ファイルへのパスを持つ新しいノードを追加し、新しいノードにタスクツリーを構築します。

ツリーを再構築する

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

ツリー内のタスクを名前で並べ替える

• ツールバーの をクリックし、メニューから 並べ替え を選択してから、 名前 を選択します。

  デフォルトでは、ツリーには、 Gruntfile.js （オプション 定義順序 ）で定義されている順序でタスクが表示されます。

タスクまたはターゲットを実行する

• タスクまたはターゲットをダブルクリックします。

• ツリーでタスクまたはターゲットを選択して Enter を押すか、コンテキストメニューから <task name> の実行 を選択します。

タスクツリーからタスクを実行する場合、 強制実行と 詳細モードのオプションは使用できないことに注意してください。 その結果、たとえば、警告を無視したり、詳細なログを提供したりするように IntelliJ IDEA を構成することはできません。 これらのオプションを使用するには、以下の 実行構成に応じたタスクの実行とデバッグに従って、実行構成からタスクまたはターゲットを実行します。

デフォルトのタスクを実行する

• ツリーのルートノードを選択し、選択したコンテキストメニューから デフォルトを実行 を選択します。

いくつかのタスクまたはターゲットを実行する

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

タスクまたはターゲットの定義に移動する

• ツリーで必要なタスクまたはターゲットを選択して、選択のコンテキストメニューから ソースに移動 を選択します。

Grunt.js の実行 / デバッグ構成を作成する

1. 実行 | 実行構成の編集 に移動します。 または、ツールバーの 実行 ウィジェットから 実行構成の編集 を選択します。

   

   開いた 実行構成の編集 ダイアログで、ツールバーの 追加 ボタン () をクリックし、リストから Grunt.js を選択します。 実行 / デバッグ構成: Grunt.jsダイアログが開きます。

2. 実行構成の名前、実行するタスク（区切り文字として空白スペースを使用）、これらのタスクが定義されている Gruntfile.js ファイルの場所、およびグローバルにインストールされた grunt-cli パッケージへのパスを指定します。

3. 使用する Node.js ランタイムを指定します。

   プロジェクト エイリアスを選択すると、IntelliJ IDEA は JavaScript Runtime ページの Node runtime フィールドからプロジェクトの既定のインタープリターを自動で使用します。 ほとんどの場合、IntelliJ IDEA はプロジェクトの既定のランタイムを検出し、フィールド自体に入力します。

   別の構成済みのローカルインタープリターまたはリモートインタープリターを選択するか、 をクリックして新しいインタープリターを構成することもできます。

   必要に応じて、Node.js に渡す Node.js 固有のオプションパラメーターと 環境変数(英語)を指定します。

タスクを実行する

• ツールバーの 実行 / デバッグ構成 ウィジェットリストから、新しく作成した 構成を選択し、その横にある をクリックします。 IntelliJ IDEA は 実行ツールウィンドウにタスク出力を表示します。

タスクをデバッグする

1. 上記のとおり、 Grunt.jsの実行/デバッグ構成を作成します。

2. エディターで Gruntfile.js ファイルを開き、必要に応じてファイルに ブレークポイントを設定します。

3. デバッグセッションを開始するには、メインツールバーのリストから必要なデバッグ構成を選択して、リストの横にある をクリックするか、メインメニューから 実行 | デバッグ <remote_configuration_name> を選択します。

4. 開いた デバッグツールウィンドウ で、 中断されたプログラムを調べる および プログラムのステップスルー に記載されているように、中断されたタスクの実行を解析したり、ステップスルーしたりします。

Grunt タスクを起動前タスクとして実行する

1. メインメニューから 実行 | 実行構成の編集 を選択して 実行 / デバッグ構成ダイアログ ダイアログを開き、リストから必要な構成を選択するか、 をクリックして新たに作成し、関連する実行構成タイプを選択します。

2. 開いたダイアログで、 起動前 エリアの をクリックし、リストから Grunt タスクの実行 を選択します。

3. 表示される Grunt タスク ダイアログで、必要なタスクが定義されている Gruntfile.js を指定し、実行するタスクを選択して、Grunt ツールに渡す引数を指定します。

   Node.js ランタイムのロケーション、渡すパラメーター、および grunt-cli パッケージへのパスを指定します。

1. 設定 ダイアログ (Ctrl+Alt+S) で、 ツール | スタートアップタスク に進みます。

2. 開いた 起動タスクページで、ツールバーの をクリックします。

3. リストから、必要な Grunt 実行構成を選択します。 設定がリストに追加されます。

   プロジェクトに適用可能な構成がない場合は、 をクリックして 実行構成の編集 を選択します。 次に、開いた 実行 / デバッグ構成ページで必要な設定を使用して構成を定義します。 新しい設定を保存すると、自動的に起動タスクのリストに追加されます。