WebStorm を使用して Web プロジェクトを実行するには、次の手順に従います。 Web プロジェクトを作成するか、開きます。名前、URL、Web サーバーなどの実行構成を構成します。 [実行ツール] ウィンドウで、作成した実行構成を選択します。 「実行」ボタンをクリックします。アプリケーションを表示します。指定した URL で Web アプリケーションが起動され、デバッグ ツールを使用してその実行時の動作を調べることができます。
WebStorm を使用して Web プロジェクトを実行する方法
早速本題に入ります:
WebStorm を使用して Web プロジェクトを実行するには、次の手順を実行する必要があります:
詳細な手順:
-
##Web プロジェクトを作成するか開きます:
Web プロジェクトがまだない場合は、[ファイル] -> [新規] -> [プロジェクト] を使用してください。メニューバーの「.」をクリックして新しいプロジェクトを作成します。 - または、既存の Web プロジェクトを開きます。
-
-
実行構成を構成します。
[実行] ツール ウィンドウに移動します。 IDE。 - [構成の編集...] ボタンをクリックします。
- [実行/デバッグ構成] ダイアログ ボックスで、[ ] ボタンをクリックし、[JavaScript デバッグ] を選択します。
- 「名前」フィールドに構成の名前を入力します (例: 「My Web App」)。
- 「URL」フィールドに Web アプリケーションの URL を入力します。
-
-
Web サーバーを選択します:
[Web サーバー] セクションで、Web サーバーを選択します。プロジェクト Web サーバーを実行したい。 - ほとんどの Web プロジェクトでは、デフォルトの「組み込み Web サーバー」で十分です。
-
-
アプリケーションを開始します。
「実行」ツール ウィンドウで、作成した実行構成を選択します。 - [実行]ボタンをクリックします。
-
-
アプリケーションの表示:
指定した URL で Web アプリケーションが起動します。 - WebStorm のデバッグ ツールを使用して、アプリケーションの実行時の動作を調べることができます。
-
たとえば、WebStorm を使用して React プロジェクトを実行するには:
新しい React プロジェクトを作成するか、既存のプロジェクトを開きます。 - 実行コンフィギュレーションを構成し、「URL」を http://localhost:3000 に設定します。
- Web サーバーとして「組み込み Web サーバー」を選択します。
- アプリケーションを起動します。
- http://localhost:3000 で React アプリケーションを表示します。
-
以上がウェブストームがウェブを実行する仕組みの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。