Grunt

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

• 埋め込みターミナル（Alt+F12）に次のように入力します。

  npm install -g grunt-cli

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

• 埋め込みターミナル（Alt+F12）に次のように入力します。

  npm install grunt --save-dev

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

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

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

グランツツールウィンドウからタスクのツリーを構築するには

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

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

ツリーを再構築する

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

ツリー内のタスクを名前でソートするには

• ツールバーの をクリックし、メニューから次でソートを選択してから名前を選択します。
  デフォルトでは、ツリーには Gruntfile.js （オプション定義順）で定義されている順序でタスクが表示されます。

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

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

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

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

既定のタスクを実行するには

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

複数のタスクまたはターゲットを実行するには

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

タスクまたはターゲットの定義にジャンプするには

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

Grunt.jsの実行/デバッグ設定を作成するには

1. メインメニューから実行 | 構成の編集を選択します。

2. ツールバーの をクリックして、リストからGrunt.jsを選択します。実行/デバッグ構成：Grunt.jsダイアログが開きます。

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

4. 使用するNode.jsインタープリターを指定してください。これはローカルNode.jsインタープリターまたはWindows Subsystem for LinuxのNode.jsです。

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

タスクを実行するには

• メインツールバーのリストから新しく作成した実行構成を選択し、リストの横にある をクリックします。WebStormはタスク出力を実行ツール・ウィンドウに表示します。

タスクをデバッグするには

1. 上記のように Grunt.js実行/デバッグ構成を作成します。

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

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

4. 開いたデバッグツールウィンドウで、中断されたプログラムを調べるとプログラムのステップ・スルーに従って、中断されたタスクの実行を分析し、タスクをステップスルーするなどします。

グランツタスクを実行前タスクとして実行するには

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

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

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

   Node.jsインタープリターの場所、それに渡すパラメータ、およびgrunt-cliパッケージへのパスを指定します。

1. 設定/環境設定ダイアログ（Ctrl+Alt+S）で、ツール | 開始タスクに進みます。

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

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

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