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

WebStorm を使用すると、コンテキストメニューやガターアイコンを使って、エディターから直接アプリケーション全体や単一スクリプト、テストを実行できます。アプリケーションにいくつかのパラメーターを渡したり、npm スクリプトなどのツールを起動したりする必要がある場合は、実行する前に、言語またはフレームワーク固有の実行 / デバッグ構成を作成して呼び出します。

プロジェクトで現在使用可能なすべての実行構成が実行/デバッグ構成を選択リストに表示されます。

詳細は実行 / デバッグ構成をご覧ください。

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

実行セッションが開始されると、アイコンが実行ツールウィンドウおよび実行 / デバッグ構成セレクター内でに切り替わります。

簡単な方法

エディターから実行

プログラムにパラメーターを渡さず、開始前に特定のアクションが不要な場合は、エディターから直接実行できます。

ブラウザーでクライアント側の JavaScript コードを実行するには、それを参照する HTML ページを開きます。
WebStorm には組み込みの Web サーバーがあり、Web ブラウザーでアプリケーションのデバッグや WebStorm の組み込みブラウザーでコードのプレビューができます。このサーバーは常に実行されており、手動による構成は必要ありません。
エディターで JavaScript 参照を含む HTML ファイルを開き、コードの上にマウスを移動してブラウザーアイコンバーを表示し、目的のブラウザーを示すアイコンをクリックします。 HTML ファイルのプレビュー出力を参照してください。
スクリプトを実行するには、スクリプトをエディターで開くか、プロジェクトツールウィンドウで選択して、コンテキストメニューから実行 <script file name> を選択します。
WebStorm は、タイプ Node.js の一時的な実行 / デバッグ構成を作成します。
テストを実行するには、隣のガターアイコンをクリックするか、 Ctrl+Shift+F10 を押してください。ガターアイコンはテストの状態によって変化します。テストの実行および JavaScript のテスト以下のフレームワーク固有のページを参照してください。
npm、Yarn、pnpm スクリプトを実行するには:
1. package.json を開き、スクリプトの隣にあるガターでをクリックし、実行 <script_name> を選択してください。詳細は package.json からスクリプトを実行・デバッグするをご覧ください。
2. あるいは:
  npm ツールウィンドウを使用します。
スクリプトの実行とデバッグの詳細を参照してください。

現在のファイルを実行する

ツールバーの専用オプションを使用して、単一のファイルを実行できます。実行ボタンとデバッグボタンがアクティブになり、現在開いているファイルをすぐに実行できます。

エディターで、実行するファイルを開きます。
ツールバーの現在のファイルオプションの横にあるをクリックします。

リストを展開すると、他の実行モードにアクセスできます。開いたウィジェットから、コードをデバッグしたり、カバレッジ付きで実行したり、実行構成を開いてさらにオプションを指定したりできます。

カスタマイズ可能な方法

実行 / デバッグ構成を使用する

プログラムにパラメーターを渡す場合、VM オプションを追加する（たとえば、リモートデバッグを許可する）か、プログラムの起動をカスタマイズする場合は、実行 / デバッグ構成を使用します。

一時構成を編集して保存するまたはテンプレートから新しい実行 / デバッグ構成を作成するを選択し、次のいずれかのオプションを使用して実行します。

実行ウィジェットで実行構成がすでに選択されている場合は、その横にあるをクリックするか、 Shift+F10 を押します。
別の実行構成を選択する場合は、「実行ウィジェット」をクリックします。開いたメニューで、起動したい実行構成の横にある「」をクリックします。
Alt+Shift+F10 を押して、表示されるポップアップウィンドウで構成を選択します。
実行 / デバッグ構成ダイアログから実行をクリックします。