RubyMine 2020.2 ヘルプ

Grunt

RubyMine は Grunt JavaScript Task Runner(英語) と一体化しています。RubyMine は、タスクとターゲットの定義を認識し、ツリービューでタスクやターゲットを表示し、Gruntfile.js ファイル内のタスクまたはターゲットと、タスクとターゲットの実行とデバッグをサポートする Gruntfile.js ファイルを解析します。

RubyMine では、専用の Grunt ツールウィンドウのタスクツリーから、または Grunt 実行構成を使用して、または起動前のタスクとして、Grunt タスクを実行できます。RubyMine は実行ツールウィンドウでタスクを実行した結果を示します。ツールウィンドウには Grunt の出力が表示され、エラーが発生したことが表示され、見つからなかったパッケージやプラグインが一覧表示されます。最後に実行されたタスクの名前がツールウィンドウのタイトルバーに表示されます。

始める前に

Node.js(英語) をダウンロードしてインストールします。

Grunt のインストール

RubyMine プロジェクトで Grunt を使用するには、2 つのパッケージが必要です。

  • Grunt コマンドを実行するためにグローバルにインストールされた grunt-cli パッケージ(Grunt コマンドラインインターフェース)。

  • プロジェクトタスクツリーを構築し、Gruntfile.js または Gruntfile.coffee ファイルの編集中にコーディング支援を提供する開発依存関係としてインストールされた grunt パッケージ。Grunt オフィシャル Web サイト(英語)から Gruntfile.js の詳細を学びましょう。

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

  • 埋め込まれたターミナルAlt+F12)で、次のように入力します。

    npm install -g grunt-cli

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

  • 埋め込まれたターミナルAlt+F12)で、次のように入力します。

    npm install grunt --save-dev

npm、pnpm、および Yarn の説明に従って、パッケージを Node.js と NPM ページにインストールすることもできます。

タスクツリーから Grunt タスクを実行する

RubyMine を使用すると、Grunt ツールウィンドウのタスクツリーから Grunt タスクを簡単かつ迅速に実行できます。RubyMine は自動的に一時的な実行構成を作成し、必要に応じて保存して後で使用することができます。

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

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

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

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

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

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

ツリーを再構築する

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

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

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

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

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

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

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

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

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

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

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

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

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

実行構成に応じたタスクの実行とデバッグ

タスクを実行するときに RubyMine が自動的に作成する一時的な実行構成を使用する以外に、独自の Grunt.js 実行構成を作成して起動できます。

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

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

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

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

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

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

タスクを実行するには

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

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

  1. 上記の説明に従って、Grunt.js 実行 / デバッグ構成を作成します。

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

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

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

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

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

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

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

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

Grunt タスクを自動的に実行する

定期的に実行するタスクまたはターゲットがある場合は、対応する実行構成を起動タスクのリストに追加できます。タスクはプロジェクトの起動時に自動的に実行されます。

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

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

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

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

最終更新日 : 2020 年 8 月 31 日

関連ページ:

実行ツールウィンドウ

表示 | ツールウィンドウ | 実行実行ツールウィンドウには、アプリケーションで生成された出力が表示されます。複数のアプリケーションを実行している場合は、それぞれが実行 / デバッグ構成が適用された後に名前が付けられたタブに表示されます。各タブの外観は、実行されているアプリケーションのタイプ...

npm、pnpm、および Yarn

RubyMine はnpm、Yarn、Yarn 2、およびpnpmと統合されているため、IDE 内から再利用可能なコードのパッケージをインストール、検索、更新、削除できます。Node.js と NPM ページは、パッケージを管理するための専用 UI を提供します。もちろん、組み込みのターミナルのコマ...

Node.js

Node.jsは、ブラウザの外部、たとえばサーバーやコマンドラインで JavaScript を実行するための軽量なランタイム環境です。RubyMine は Node.js と統合し、アプリケーションの構成、編集、実行、デバッグ、テスト、プロファイリング、およびメンテナンスを支援します。アプリケーショ...

ブレークポイント

ブレークポイントは、特定の時点でプログラムの実行を中断してその動作を調べるためのソースコードマーカーです。設定すると、ブレークポイントは明示的に削除するまでプロジェクトに残ります(一時行ブレークポイントを除く)。ブレークポイントを持つファイルが外部で変更された場合、たとえば、VCS を介して更新され...

デバッグツールウィンドウ

デバッガーセッションを開始すると、デバッグツールウィンドウが表示されます。このウィンドウを使用して、デバッガーセッションを制御し、プログラムデータ(フレーム、スレッド、変数など)を表示して分析し、さまざまなデバッガーアクションを実行します。デフォルトでは、プログラムがブレークポイントに到達するとデバ...

中断されたプログラムを調べる

デバッガーセッションの開始後、デバッグツールウィンドウが表示され、次のいずれかが発生するまでプログラムが正常に実行されます。ブレークポイントがヒットしました、プログラムを手動で一時停止する、その後、プログラムは中断され、現在の状態を調べたり、実行を制御したり、実行時にさまざまなシナリオをテストしたり...