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