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