IntelliJ IDEA 2026.1 Help

Node.js アプリケーションでのライブ編集

ライブ編集機能を使用すると、HTML、CSS、JavaScript コードに加えた変更は、ページを再ロードせずにブラウザーにすぐに表示されます。

ライブ編集は、HTML、CSS、JavaScript を含むまたは生成する他のファイルタイプで機能します。

デフォルトでは、 ライブ編集は HTML および CSS ファイルでのみ有効になっています。

始める前に

  1. お使いのコンピューターに Node.js(英語) がインストールされていることを確認してください。

  2. 設定で JavaScript and TypeScript プラグインが有効になっていることを確認します。 Ctrl+Alt+S を押して設定を開き、 プラグイン を選択します。 インストール済み タブをクリックします。 検索フィールドに JavaScript と TypeScript と入力します。 プラグインに関する詳細は、 プラグインの管理を参照してください。

  3. Node.jsJavaScript デバッガーLive Edit プラグインを、 設定 | プラグイン ページの Marketplace タブで、 JetBrains Marketplace からプラグインをインストールするの説明に従ってインストールします。 プラグインは IntelliJ IDEA Ultimate でのみ利用できます。

ライブ編集を有効にする

  1. Ctrl+Alt+S を押して設定を開き、 ビルド、実行、デプロイ | デバッガー | ライブ編集 を選択します。

  2. 変更に関する Node.js アプリケーションの更新 を選択します。 エディターでコードを変更し、この変更をブラウザーに表示するまでの遅延時間を指定します。デフォルト値 300 ms を受け入れるか、対応するフィールドの横にあるスピンボックスを使用してカスタム値を指定します。

2026 年 3 月 30 日