IntelliJ IDEA 2020.1ヘルプ

実行/デバッグ構成: NPM

実行 | 構成の編集 | Add New Configuration | NPM

このダイアログで、npm(英語)およびYarn(英語)スクリプトをローカルで実行するための構成を作成します。現在のコンテキストで「ローカルに」とは、IntelliJ IDEA自体がコンピューターにインストールされたNode.jsを起動し、スクリプトの実行を開始することを意味します。

npmとYarnから詳細を参照してください。

始める前に

  1. Node.js(英語)をダウンロードしてインストールします。npmもインストールされ、それを使用する場合は準備完了です。

  2. Yarnを使用するには、YarnオフィシャルWebサイト(英語)の説明に従ってインストールしてください。

構成タブ

項目

説明

package.json

このフィールドでは、スクリプトを実行する package.json ファイルを指定します。現在のプロジェクトで検出されたすべての package.json ファイルを表示するドロップダウンリストからファイルを選択するか、または the Browse button をクリックして表示されるダイアログボックスで必要な package.json を選択します。

コマンド

このリストから、実行するnpm CLIコマンドを選択します。デフォルトでは、run-script が選択されています。詳細については、セクションCLIコマンドnpmのドキュメント(英語)を参照してください。

スクリプト

このドロップダウンリストから、選択したコマンドを適用するスクリプトを選択します。このリストには、package.json ファイルの scripts プロパティで定義されているすべてのスクリプトが含まれています。

引数

このフィールドでは、スクリプトを実行するコマンドライン引数を指定します。詳細については、npm公式Webサイト(英語)を参照してください。

Node インタープリター

このフィールドには、使用するNode.jsインタープリターを指定します。これは、ローカルNode.jsインタープリターまたはWindows Subsystem for LinuxのNode.jsです。

Node オプション

このテキストボックスに、Node.js実行可能ファイルに渡されるNode.js固有のコマンドラインオプションを入力します。受け入れ可能なオプションは次のとおりです。

  • 実行中にCoffeeScriptファイルをオンザフライでJavaScriptにコンパイルするには、--require coffee-script/register を使用します。

    このモードでは、coffee-script パッケージの一部である register.js ファイルがプロジェクト内にあることが必要です。npmおよびYarnで説明されているように、Node.jsページにローカルに coffee-script パッケージをインストールする必要があります。

  • Node.js v7をChromeデバッグプロトコル(英語)サポートに使用している場合は、--inspect または --inspect-brk パラメーターを使用します。それ以外の場合、デフォルトでデバッグプロセスはV8デバッグプロトコル(英語)を使用します。

パッケージ・マネージャー

このフィールドで、使用するパッケージマネージャーを指定します。 Project エイリアスを選択した場合、IntelliJ IDEAはNode.jsページのデフォルトのプロジェクトパッケージマネージャーを使用します。関連するパッケージエイリアス( npmまたはyarn)を選択するか、パッケージマネージャーのカスタムインストールへの明示的なパスを指定することもできます。

環境変数

このフィールドで、Node.js実行可能ファイルの環境変数(英語)を指定します(該当する場合)。フィールドの右側にある参照 the Browse button をクリックし、環境変数ダイアログで変数のリストを構成します。
  • 新しい変数を定義するには、the Add button をクリックして、変数の名前と値を指定します。

  • 変数定義を破棄するには、リストでそれを選択して the Remove buttonをクリックします。

  • 準備ができたら、OKをクリック

変数の定義は、環境変数読み取り専用フィールドにセミコロンを区切り文字として表示されます。例:

  • NODE_PATH : モジュール検索パスの前に付いたディレクトリの : -separatedリスト。

  • NODE_MODULE_CONTEXTS : 独自のグローバルコンテキストでモジュールをロードするには1に設定します。

  • NODE_DISABLE_COLORS : REPLの色を無効にするには1に設定します。

共通

実行構成を編集するとき(ただし実行構成テンプレートは編集しないとき)、次のオプションを指定できます。

項目

説明

名前

実行/デバッグ構成の名前を指定して、たとえば実行ポップアップ Shift+Alt+F10から構成を編集または実行するときにすばやく識別します。

並列実行を許可する

この実行構成の複数のインスタンスを並行して実行できるようにする場合に選択します。

デフォルトでは無効になっており、別のインスタンスの実行中にこの構成を開始すると、IntelliJ IDEAは実行中のインスタンスを停止して別のインスタンスを開始することを提案します。これは、実行/デバッグ構成が多くのリソースを消費し、複数のインスタンスを実行する正当な理由がない場合に役立ちます。

プロジェクトファイルとして保存

実行構成設定を含むファイルを保存して、他のチームメンバーと共有します。デフォルトの場所は .idea/runConfigurationsです。ただし、.idea ディレクトリを共有したくない場合は、プロジェクト内の他のディレクトリに構成を保存できます。

デフォルトでは無効になっており、IntelliJ IDEAは実行構成設定を .idea/workspace.xmlに保存します。

ツールバー

実行/デバッグ構成のツリー表示には、プロジェクトで使用可能な構成を管理したり、デフォルトの構成テンプレートを調整したりするのに役立つツールバーがあります。

項目

ショートカット

説明

the Add buttonAlt+Insert

実行/デバッグ構成を作成します。

the Remove buttonAlt+Delete

選択した実行/デバッグ構成を削除します。デフォルト設定は削除できません。

CopyCtrl+D

選択した実行/デバッグ構成のコピーを作成します。デフォルト設定のコピーを作成してください。

Save configuration

ボタンは、一時設定を選択したときにのみ表示されます。このボタンをクリックして、一時的な設定を永続的なものとして保存します。

Edit Templates

テンプレート(つまり、デフォルトの実行/デバッグ構成設定)を表示および編集します。テンプレートはテンプレートノードに表示され、新しく作成された構成に使用されます。

Method up / Method down

Alt+Up / Alt+Down

選択した実行/デバッグ構成をリスト内で上下に移動します。

リスト内の設定の順序によって、実行/デバッグ構成を選択したときに表示される設定の順序が決まります。

実行/デバッグ構成のデフォルトのテンプレートは、常にアルファベット順にソートされています。

Move into new folder / Create new folder

新しいフォルダーに移動/新しいフォルダーを作成します。実行/デバッグ構成は、フォルダーに配置することでグループ化できます。

フォルダーを作成するには、カテゴリ内の設定を選択し、Folderをクリックしてフォルダー名を指定します。カテゴリだけにフォーカスがある場合は、空のフォルダーが作成されます。

次に、設定をフォルダー内、フォルダー間、またはフォルダー外に移動するには、ドラッグまたは Move Up ボタンと Move Down ボタンを使用します。

グループ化を解除するには、フォルダーを選択して Remove Configurationをクリックします。

Sort configurations

このボタンをクリックすると、設定がアルファベット順にソートされます。

起動前

この領域では、選択した実行/デバッグ構成を開始する前に実行しなければならないタスクを指定できます。タスクはリストに表示されている順序で実行されます。

項目

ショートカット

説明

the Add buttonAlt+Insert

このアイコンをクリックして、以下の使用可能なタスクのいずれかを追加します。

  • 外部ツールの実行 : 外部アプリケーションを実行するように選択します。開いたダイアログで、実行したい1つまたは複数のアプリケーションを選択します。IntelliJ IDEAでまだ定義されていない場合は、その定義を追加してください。詳しくは、外部ツールおよび外部ツールを参照してください。

  • 別の構成を実行 : 別の実行/デバッグ構成を実行することを選択します。開いたダイアログで、実行する設定を選択します。

  • ビルド成果物 : アーティファクトを作成するには、このオプションを選択します。表示されたダイアログで、構築する必要があるアーティファクトを選択します。

  • Web ブラウザーの起動 : ブラウザを起動するにはこのオプションを選択します。開いたダイアログで、ブラウザの種類を選択し、開始URLを入力します。また、ブラウザをJavaScriptデバッガで起動するかどうかを指定します。

  • Ant ターゲットの実行 : Ant ターゲットを実行するにはこのオプションを選択します。開いたダイアログで、実行するターゲットを選択します。

  • Grunt タスクの実行 : Gruntタスクを実行するには、このオプションを選択してください。

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

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

  • gulp タスクの実行 : Gulpタスクを実行するには、このオプションを選択してください。

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

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

  • Maven ゴールの実行 : Mavenゴールを実行するには、このオプションを選択します。開いたダイアログで、実行するゴールを選択します。

  • npm スクリプトの実行 : npmスクリプトを実行するには、このオプションを選択してください。

    開いたNPMスクリプトダイアログで、npm実行/デバッグ構成設定を指定します。
  • CoffeeScript ソース・マップの生成 : CoffeeScriptソースのソースマップを生成するには、このオプションを選択してください。表示されるダイアログで、CoffeeScriptのソースファイルがある場所を指定します。

  • リモート外部ツールの実行 : リモート SSH外部ツールを追加しました。

the Remove buttonAlt+Delete

このアイコンをクリックして、選択したタスクをリストから削除します。

EditEnter

選択したタスクを編集するには、このアイコンをクリックします。開いたダイアログで必要な変更を加えます。

Method up / Method down

Alt+Up / Alt+Down

これらのアイコンをクリックして、選択したタスクをリスト内で1行上または下に移動します。タスクは、リストに表示されている順に実行されます。

このページを表示する

実行/デバッグ構成を実際に開始する前に、実行/デバッグ構成設定を表示するには、このチェックボックスを選択します。

ツール・ウィンドウをアクティブにする

デフォルトではこのチェックボックスは選択されており、実行/デバッグ構成を開始すると実行またはデバッグツールウィンドウが開きます。

それ以外の場合、チェックボックスがオフの場合、ツールウィンドウは非表示になります。ただし、構成が実行されている場合は、Alt+4 または Alt+5を押すことにより、構成に対応するツールウィンドウを自分で開くことができます。

最終更新日: 2020年7月7日

関連ページ:

npmおよびYarn

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

Node.js

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

Node.jsとNPM

macOSのこのページは、Node.jsバンドルプラグインが有効になっている場合にのみ表示されます。プラグインが無効になっている場合は、プラグインを管理する説明に従ってプラグインをアクティブにします。Node インタープリターこのフィールドでは、現在のプロジェクトのデフォルトのNode.jsインター...

実行/デバッグ構成

IntelliJ IDEAは、実行/デバッグ構成を使用して、アプリケーションを実行、デバッグ、およびテストします。実行/デバッグ構成は、プログラムの実行に使用されるVMオプションやJREなどの一連の起動プロパティを表します。実行/デバッグ構成には2つのタイプがあります。一時的–永続的な構成を持たない...

外部ツール

スタンドアロンのサードパーティアプリケーションを外部ツールとして定義し、IntelliJ IDEAから実行できます。プロジェクトからコンテキスト情報をコマンドライン引数(たとえば、現在選択されているファイル、開いているファイル、プロジェクトのソースパスなど)として外部ツールに渡したり、ツールによって...

Maven ゴール

IntelliJ IDEAを使用すると、プロジェクトでMavenのゴールを実行、デバッグ、管理できます。Maven ゴールの実行:なんでも実行ウィンドウの使用、Mavenツールウィンドウのコンテキストメニューの使用、1つまたは複数のMavenゴールの実行構成の作成など、Mavenゴールの実行にはいく...