WebStorm 2020.2ヘルプ

アプリケーションを実行する

WebStormは特定のスクリプトだけでなくアプリケーション全体を実行することができます。

WebStormは、実行/デバッグ構成で定義されている設定を使用します。プロジェクトに存在するすべての実行構成は、実行/デバッグ構成を選択しますリストで利用できます。実行/デバッグ構成を操作する詳細を参照してください。

Run configuration selector

現在実行中のすべてのアプリケーションのリストを表示するには、メインメニューから実行 | 実行リストの表示を選択します。詳細については、実行中のプロセスを表示するセクションを参照してください。

実行セッションを開始すると、実行ツール・ウィンドウと実行/デバッグ構成 Selectorのマークが付いた icons.toolwindows.toolWindowRun.png アイコンが active run icon png に切り替わり、実行プロセスがアクティブであることを示します。

アプリケーションの実行

  • ガターで Run iconをクリックし、目的のコマンドを選択します。

  • メインツールバーで、目的の実行構成を選択して、次のいずれかを実行します。

    • メインメニューから実行 | 実行 'selected configuration'を選択します。

    • the Run buttonをクリックします。

    • Shift+F10を押します。

  • Alt+Shift+F10を押し、リストから希望の実行構成を選択して、Enterを押します。

    このポップアップメニューから、次のこともできます。

    • 設定の編集ダイアログを呼び出します。

    • F4を起動する前に、選択した構成を編集します。

    • 構成Deleteを即座に削除します。

    • 実行からデバッグへの切り替え( Shift の保持)。

    • 以前に選択した設定 1にアクセスします。

    • コンテキスト依存構成(2 または 3)にアクセスします。

    • 現在実行中のすべてのアプリケーションのリストを表示するには、メインメニューから実行 | 実行リストの表示を選択します。詳細については、実行中のプロセスを表示するセクションを参照してください。

何でも実行

なんでも実行を使用すると、実行構成、npmおよびyarnスクリプト、および最近のプロジェクトを開くことができます。

Running an application: use Run Anything
  1. Ctrl を2回押すか、ナビゲーションバーの the Run Anything button をクリックします。なんでも実行ポップアップが開きます。

  2. 起動する構成の名前の入力を開始します。入力すると、WebStormに一致する構成が表示されます。リストから必要なものを選択し、Enterを押します。

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

関連ページ:

実行/デバッグ構成ダイアログ

実行 | 構成の編集このダイアログを使用して、実行/デバッグ構成を作成、編集、調整、または削除したり、新しく作成されたすべての実行/デバッグ構成に適用されるデフォルトのテンプレートを構成したりします。プロジェクト構成は構成タイプによってグループ化されています。デフォルトの構成テンプレートは、ダイアロ...

実行/デバッグ構成を操作する

WebStormでコードを実行またはデバッグするには、実行/デバッグ構成を使用できます。各実行/デバッグ構成は、名前付きの実行/デバッグ起動プロパティのセットを表します。WebStormを使用して実行、デバッグ、またはテストの操作を実行するときは、常にそのパラメーターを使用して、既存の構成のいずれか...

実行中のプロセスを表示する

WebStormは、実行中のすべてのアプリケーションを表示できます。メニュー実行のコマンド実行リストの表示は、アクティブなアプリケーションがある場合にのみ有効です。アクティブなアプリケーションがない場合、コマンドはグレー表示されます。メインメニューから実行 | 実行リストの表示を選択します。エディタ...

実行ツール・ウィンドウ

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

npm、pnpm、およびYarn

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

プロジェクトを開く、再開する、閉じる

プロジェクトを開きますようこそ画面で開くをクリックするか、メインメニューからファイル | 開くを選択します。パスの選択ダイアログで、開くプロジェクトを含むディレクトリを選択します。プロジェクトを新しいウィンドウで開くか、現在のプロジェクトを閉じて既存のウィンドウを再利用するかを指定します。詳細は複数...