Node.js アプリケーションでのライブ編集
ライブ編集機能を使用すると、HTML、CSS、JavaScript コードに加えた変更は、ページを再ロードせずにブラウザーにすぐに表示されます。
ライブ編集は、HTML、CSS、JavaScript を含むまたは生成する他のファイルタイプで機能します。
デフォルトでは、ライブ編集は HTML および CSS ファイルでのみ有効になっています。
始める前に
お使いのコンピューターに Node.js(英語) がインストールされていることを確認してください。
ライブ編集、JavaScript Debugger、Node.js に必要なプラグインが設定 | プラグインページのインストール済みタブで有効になっていることを確認します。詳細については、プラグインのマッピングを参照してください。
ライブ編集を有効にする
Ctrl+Alt+S を押して設定を開き、を選択します。
変更に関する Node.js アプリケーションの更新を選択します。エディターでコードを変更し、この変更をブラウザーに表示するまでの遅延時間を指定します。デフォルト値
300 msを受け入れるか、対応するフィールドの横にあるスピンボックスを使用してカスタム値を指定します。
関連ページ：
Node.js の実行とデバッグ
WebStorm は、Node.js アプリケーションの実行とデバッグを支援します。WebStorm から起動し、すでに実行中のアプリケーションにアタッチするアプリケーションをデバッグできます。始める前に：設定 | プラグインページのインストール済みタブで、Node.js および JavaScript Debugger に必要なプラグインが有効になっていることを確認します。詳細については、「プラグインのマッピング」を参照してください。Node.js アプリケーションを実行する：WebStorm は...
HTML、CSS、JavaScript でのライブ編集
ライブ編集機能を使用すると、HTML、CSS、JavaScript コードに加えた変更は、ページを再ロードせずにブラウザーにすぐに表示されます。ライブ編集は、HTML、CSS、JavaScript を含む、または生成する他のファイルタイプに対して機能します。Node.js アプリケーションのデバッグのときにライブ編集を使用することもできます。詳細については、「Node.js アプリケーションでのライブ編集」を参照してください。デフォルトでは、ライブ編集は HTML および CSS ファイルに対し...
プラグインのインストール
プラグインは WebStorm のコア機能を拡張します。例: プラグインをインストールして、次の機能を取得します。バージョン管理システム、課題追跡システム、ビルド管理サーバー、その他のツールとの統合。さまざまな言語とフレームワークのコーディング支援サポート。ショートカットのヒント、ライブプレビュー、ファイルウォッチャーなど。新しいプログラミング言語を学ぶのに役立つコーディング演習。デフォルトでは、WebStorm には多数のプラグインがバンドルされています。バンドルされたプラグインを無効にするこ...
対話型デバッガーコンソールの使用
Node.js アプリケーションをデバッグすると、WebStorm はデバッグツールウィンドウに 2 つのコンソールタブ、プロセスコンソールとデバッガーコンソールを表示します。プロセスコンソールタブには、ノードプロセス自体の出力、つまり process.stdout と process.stderr に直接書き込まれるか、console.* を使用してログに記録されるすべての出力が表示されます。デバッガーコンソールでは、JavaScript コードスニペットを実行して console.* メッセージを表示でき...
実行 / デバッグ構成: Node.js
作成: 次の Node.js バージョンは、WebStorm 2023.3 以降でサポートされています。Node.js 20 - アクティブな長期サポート (LTS) バージョン、Node.js 21 - 現在のバージョン、サポートされている Node.js バージョンの詳細を参照してください。このページでは、構成固有の項目と、すべての実行 / デバッグ構成に共通のオプションについて説明します。この構成の使用方法の詳細については、「Node.js の実行とデバッグ」を参照してください。このダイアロ...