IntelliJ IDEA 2019.3ヘルプ

実行/デバッグ構成: 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 を使用します。

    このモードでは、3パッケージの一部である 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から起動したときに、作成された構成を識別できます。

VCS で共有する

このチェックボックスを選択すると、実行/デバッグ構成がバージョン管理下に置かれ、他のチームメンバーが使用できるようになります。

ディレクトリベースのプロジェクト形式を使用する場合、実行/デバッグ構成の設定は、実行/デバッグ構成が共有されている場合は .idea\runConfigurations フォルダー内の別の.xmlファイル、それ以外の場合は .idea\workspace.xml ファイルに格納されます。

ファイルベースのフォーマットを使用する場合、設定は共有構成の場合は .ipr ファイルに格納され、それ以外の場合は .iws ファイルに格納されます。

並行実行可能にする

このチェックボックスが選択されている場合、実行設定を再実行する代わりに、実行設定を複数回並行して起動することが可能です。各ランナーは実行ツール・ウィンドウまたはデバッグツールウィンドウのそれ自身のタブで始まります。

無効にすると、実行/デバッグ構成の新しいインスタンスが起動されるたびに、IntelliJ IDEAは同じ実行/デバッグ構成の他のインスタンスの存在を確認し、確認ダイアログを表示します。確認ダイアログでOKをクリックすると、ランナーの最初のインスタンスが停止され、次のインスタンスがその代わりになります。これは、同じタイプの実行/デバッグ構成のインスタンスを2つ起動したときに、CPUとメモリのリソースが大量に消費される場合には意味があります。

ツールバー

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

項目

ショートカット

説明

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年3月20日

関連ページ:

npmおよびYarn

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

Node.js

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

Node.jsとNPM

WindowsとLinux用のmacOS用このページは、Node.jsプラグインが有効になっているときに設定ダイアログに表示されます。このプラグインはIntelliJ IDEAにバンドルされていませんが、プラグインの管理に従ってJetBrainsプラグインリポジトリからインストールできます。Node...

プロジェクト

新しいプロジェクトを作成するときは、プロジェクトの種類を選択し、SDKを構成し、プロジェクトの名前と場所を指定する必要があります。また、新規プロジェクトウィザードで必要な設定を指定することもできます。これにより、プロジェクトを初めて開くときに事前設定されるようになります。例:IDEはライブラリをロー...

外部ツール

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

Maven ゴール

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