WebStorm 2026.1 Help

実行 / デバッグ構成: シェルスクリプト

シェルスクリプトプラグインを有効にする

この機能は、デフォルトで WebStorm にバンドルされ有効になっている シェルスクリプトプラグインに依存しています。 関連機能が利用できない場合は、プラグインが無効になっていないことを確認してください。

  1. Ctrl+Alt+S を押して設定を開き、 プラグイン を選択します。

  2. インストール済み タブを開き、 シェルスクリプトプラグインを見つけて、プラグイン名の横にあるチェックボックスを選択します。

このダイアログを使用して、実行中のシェルスクリプトを設定します。 WebStorm でのシェルスクリプトの操作の詳細については、 シェルスクリプト を参照してください。

シェルスクリプト固有の設定オプション

ダイアログのパラメーターのセットは、 実行 で選択したオプションによって異なります。

  • スクリプトファイル (スクリプトファイルを実行するための構成)

  • スクリプトテキスト (単一のコマンドを実行するための構成)

項目

説明

スクリプトパス

シェルスクリプトファイルへのパスを指定します。 パスを手動で入力するか、 参照ボタン をクリックして、開いたダイアログでパスを選択します。

スクリプトオプション

スクリプトの起動時に スクリプトに渡す(英語)オプションを指定します。

作業ディレクトリ

スクリプトを実行するディレクトリの絶対パスを指定します。

環境変数

スクリプトで必要な場合は、環境変数を指定します。 変数の編集 をクリックして 環境変数 ウィンドウを開き、既存の変数を参照してコピーしたり、独自の変数を作成したりできます。

インタープリターパス

スクリプトを実行するためのインタープリターへのパスを提供します。 パスを手動で入力するか、 参照ボタン をクリックして、開いたダイアログでパスを選択します。

インタープリターオプション

スクリプトインタープリターに渡す(英語)オプションを指定します。

ターミナルで実行

ターミナルツールウィンドウでシェルスクリプトを実行するには、このチェックボックスを選択します。

このチェックボックスが選択されていない場合、スクリプトは 実行ツールウィンドウ で実行されます。

項目

説明

スクリプトテキスト

実行するコマンドのテキストを入力します。

作業ディレクトリ

コマンドを実行するディレクトリの絶対パスを指定します。

環境変数

コマンドで必要な場合は、環境変数を指定します。 変数の編集 をクリックして 環境変数 ウィンドウを開き、既存の変数を参照してコピーしたり、独自の変数を作成したりできます。

ターミナルで実行

ターミナルツールウィンドウでシェルスクリプトを実行するには、このチェックボックスを選択します。

このチェックボックスが選択されていない場合、スクリプトは 実行ツールウィンドウ で実行されます。

ツールバー

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

項目

ショートカット

説明

追加ボタン

Alt+Insert

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

the Remove button

Alt+Delete

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

コピー

Ctrl+D

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

構成の保存

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

新しいフォルダーに移動 / 新しいフォルダーを作成

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

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

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

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

構成を並べ替え

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

共通設定

実行構成を編集する場合(ただし実行構成テンプレートは除く)、次のオプションを指定できます:

項目

説明

名前

実行構成の名前を指定して、編集または実行時に他の構成の間ですばやく識別できるようにします。

複数のインスタンスを許可する

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

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

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

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

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

起動前

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

項目

ショートカット

説明

追加ボタン

Alt+Insert

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

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

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

  • 別の構成を実行: 別の実行 / デバッグ構成を実行することを選択し、それが完了するまで待ってから現在の構成を開始します。 複数の構成を並行して実行する場合は、 複合実行 / デバッグ構成を使用してください。

  • File Watchers を実行 :このオプションを選択すると、WebStorm が現在アクティブなすべての File Watchers を適用します。

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

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

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

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

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

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

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

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

    開いた NPM スクリプト ダイアログで、 npm 実行 / デバッグ構成設定を指定します。

  • React Native Bundler の起動: 実行中またはデバッグセッションの一部としてバンドラーを自動的に実行するには、このオプションを選択します。 デフォルトでは、これは react-native start を介して行われます。

    アプリケーションが Expo(英語) を使用している場合は、 start npm タスクを介して開発サーバーを実行する必要があります。 これを行うには、 追加 をクリックし、 React Native の設定 ダイアログで npm スクリプト を選択し、リストから start を選択します。

  • TypeScript のコンパイル: 組み込み TypeScript コンパイラーを実行するように選択し、TypeScript コードに加えたすべての変更が生成された JavaScript ファイルに反映されるようにします。 表示される TypeScript のコンパイル設定 ダイアログで、 エラーの確認 チェックボックスを選択または選択解除して、エラーが検出された場合のコンパイラーの動作を設定します。

    • エラーの確認 チェックボックスが選択されていると、コンパイラーはすべてのエラーを表示し、実行構成は開始されません。

    • エラーの確認 チェックボックスがオフの場合、コンパイラーは検出されたすべてのエラーを表示しますが、実行構成は起動されます。

  • CoffeeScript ソースマップを生成 :このオプションを選択すると、 CoffeeScript ソースのソースマップを生成します。 表示されるダイアログで、CoffeeScript のソースファイルがある場所を指定します。

  • リモートホストにファイルをアップロードする: このオプションを選択すると、 デフォルトのサーバーアクセス構成に従って、アプリケーションファイルが自動的に サーバーにアップロードされます。

  • データソースから切断: 実行 / デバッグ構成を実行する前にデータソースへの接続を中断する場合は、このオプションを選択します。

the Remove button

Alt+Delete

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

編集

Enter

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

メソッドアップ

メソッドダウン

Alt+Up

Alt+Down

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

このページを表示する

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

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

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

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

ツールウィンドウにフォーカス

実行 / デバッグ構成を開始したときに、 実行または デバッグツールウィンドウに自動的にフォーカスを移動させるには、このチェックボックスを選択してください。

2026 年 6 月 8 日