なんでも実行
なんでも実行は、実行 / デバッグ構成、アプリケーション、npm、pnpm、Bun、yarn のスクリプト、タスクまたはターゲット、各種コマンドをすばやく起動したり、最近使用したプロジェクトを開いたりできるツールです。また、入力時に候補を表示することで、適切なコマンド構文の使用をサポートします。コマンドを呼び出すと、なんでも実行が以降の処理を適切なツールに委譲します。
なんでも実行ポップアップを開く
Ctrl を 2 回押します。
なんでも実行 
アイコンをツールバーに追加することもできます。そのためには、設定ダイアログ（Ctrl+Alt+S）を開き、に移動してメインツールバーノードを展開し、なんでも実行アクションを（たとえばどこでも検索に）追加します。
または、メインツールバーのコンテキストメニューからツールバーのカスタマイズを選択し、たとえばどこでも検索になんでも実行アクションを追加します。
詳細は、メニューおよびツールバーを参照してください。
実行 / デバッグ構成を起動する
実行 / デバッグ構成名の入力を開始し、候補のリストから選択します。
実行構成をデバッグするには、実行 / デバッグ構成を選択しながら Shift を押し続けます。
コマンドの実行
検索フィールドにパッケージマネージャーまたはタスクランナーの名前を入力します。入力すると、WebStorm が一致するコマンドを表示します。
または、スクリプト、タスク、ターゲットの名前を入力します。
最後に、
?と入力すると、コマンドのヒントのリストが表示されます。
関連するヒントに移動し、Space を押して使用可能なコマンドのリストを取得し、リストから必要なコマンドを選択して、Enter を押します。
コマンド出力を実行ツールウィンドウに表示するには、Ctrl+Enter を押し、出力をデバッグツールウィンドウに表示するには、Shift+Enter を押します。
最近のプロジェクトを開く
なんでも実行ポップアップから最近のプロジェクトをすばやく開くこともできます。プロジェクトを名前で検索するか、open と入力して候補のリストを短縮し、リストから必要なプロジェクトを選択して Enter を押します。
HTTP リクエストを送信する
HTTP リクエストの作成中にその名前を指定した場合、なんでも実行ポップアップからこの HTTP リクエストを見つけて送信できます。
HTTP リクエストの名前の入力を開始し、候補リストから選択します。
リクエストに環境変数が含まれている場合は、リクエストを選択するときに Shift を押します。これにより、リクエストに使用する環境を選択できるポップアップメニューが開きます。
関連ページ：
実行 / デバッグ構成
WebStorm は、実行 / デバッグ構成を使用して、コードを実行、デバッグ、テストします。各構成は、何を実行し、どのパラメーターと環境を使用するかを定義する、名前付きのスタートアッププロパティのセットです。実行 / デバッグ構成には 2 つのタイプがあります。一時的 — コンテキストメニューからを選択するたびに作成されます。コンテキストメニューを呼び出すには、オブジェクトまたは領域を右クリックします。永続的 — テンプレートから明示的に作成されるか、一時的な構成を保存することによって作成されま...
メニューおよびツールバー
IDE を操作するとき、いくつかのアクションを他のアクションより頻繁に実行します。生産性を最大化するには、お気に入りのアクションのデフォルトのショートカットを学ぶか、それらにショートカットを割り当てます。メニューとツールバーをカスタマイズして、必要なアクションのみを含め、再グループ化し、アイコンを構成することもできます。メニューとツールバーのカスタマイズを押して設定を開き、を選択します。使用可能なメニューとツールバーのリストで、カスタマイズするノードを展開し、目的の項目を選択します。選択した項目...
コードのデバッグ
WebStorm を使用すると、JavaScript または TypeScript で記述されたあらゆる種類のアプリケーション（Node.js、React Native、Electron アプリケーション、もちろん、Angular、Vue.js などのさまざまなフレームワークを使用して記述されたクライアントサイドアプリケーション）をデバッグできます。さらに、スクリプトやユニットテストのデバッグも可能です。デバッグしているコードの種類に関係なく、WebStorm デバッガーでのエクスペリエンスは同...
プロジェクトを開く、再開する、閉じる
プロジェクトを開くウェルカム画面のオープンをクリックするか、メインメニューからを選択してください。パスの選択ダイアログで、開くプロジェクトを含むディレクトリを選択します。新しいウィンドウでプロジェクトを開くか、現在のプロジェクトを閉じて既存のウィンドウを再利用するかを指定します。詳細については、複数のプロジェクトを開くを参照してください。コマンドラインからプロジェクトを開くコマンドプロンプトで次のように入力します。webstorm <path_to_the_project_folder&g...
HTTP クライアント
HTTP クライアントプラグインを使用すると、WebStorm コードエディターで HTTP リクエストを直接作成、編集、実行できます。HTTP リクエストを作成して実行する必要がある場合、主に 2 つのユースケースがあります。RESTful Web サービスを開発していて、それが期待どおりに機能し、仕様に準拠してアクセス可能であり、正しく応答することを確認したい場合。RESTful Web サービスに対応するアプリケーションを開発している場合。この場合、開発を開始する前にサービスへのアクセスと...
HTTP クライアント変数
HTTP リクエストを作成する場合、変数を使用してその要素をパラメーター化できます。変数は、リクエストのホスト、ポート、パスの値、クエリパラメーターまたは値、ヘッダー値、リクエストの本文内または外部ファイルで使用される任意の値を保持できます。リクエスト内で変数を使用する変数をとして二重波括弧で囲みます。リクエストで波括弧を使用する必要があるが、それを HTTP クライアント変数として扱わないようにしたい場合は、URL エンコード形式を使用します。の場合は、の場合はです。例:### send UR...