PyCharm 2026.1 ヘルプ

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

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

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

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

始める前に

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

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

  3. JetBrains マーケットプレイスからプラグインをインストールする説明に従って、設定 | プラグインページのマーケットプレースタブに Node.jsJavaScript Debuggerライブ編集プラグインをインストールしてください。これらのプラグインは PyCharm Pro でのみ利用可能です。

ライブ編集を有効にする

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

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

2026 年 3 月 10 日

関連ページ:

Node.js の実行とデバッグ

PyCharm は、Node.js アプリケーションの実行とデバッグを支援します。PyCharm から起動し、すでに実行中のアプリケーションにアタッチするアプリケーションをデバッグできます。始める前に:設定で JavaScript and TypeScript プラグインが有効になっていることを確認します。を押して設定を開き、を選択します。インストール済みタブをクリックします。検索フィールドに JavaScript and TypeScript と入力します。プラグインの詳細については、プラグインの...

HTML、CSS、JavaScript でのライブ編集

ライブ編集機能を使用すると、HTML、CSS、JavaScript コードに加えた変更は、ページを再ロードせずにブラウザーにすぐに表示されます。ライブ編集は、HTML、CSS、JavaScript を含む、または生成する他のファイルタイプに対して機能します。Node.js アプリケーションのデバッグのときにライブ編集を使用することもできます。詳細については、「Node.js アプリケーションでのライブ編集」を参照してください。デフォルトでは、ライブ編集は HTML および CSS ファイルに対し...

プラグインのインストール

プラグインは PyCharm のコア機能を拡張します。例: プラグインをインストールして、次の機能を取得します。バージョン管理システム、課題追跡システム、ビルド管理サーバー、その他のツールとの統合。さまざまな言語とフレームワークのコーディング支援サポート。ショートカットのヒント、ライブプレビュー、ファイルウォッチャーなど。新しいプログラミング言語を学ぶのに役立つコーディング演習。プラグイン設定を開くを押して設定を開き、を選択します。マーケットプレースタブを使用して、JetBrains マーケット...

対話型デバッガーコンソールの使用

Node.js アプリケーションをデバッグすると、PyCharm はデバッグツールウィンドウに 2 つのコンソールタブ、プロセスコンソールとデバッガーコンソールを表示します。プロセスコンソールタブには、ノードプロセス自体の出力、つまり process.stdout と process.stderr に直接書き込まれるか、console.* を使用してログに記録されるすべての出力が表示されます。デバッガーコンソールでは、JavaScript コードスニペットを実行して console.* メッセージを表示できま...

Node.js のテスト

PyCharm を使用すると、多数のフレームワークを使用して Node.js アプリケーションをテストできます。現在のページでは、非同期テストシナリオの実行に特に役立つ JavaScript テストフレームワークである組み込みの Node.js テストランナーまたは Mocha を使用したテストについて説明します。PyCharm の外部から Mocha テストを実行し、ツリービューに配置されたテスト結果を調べ、そこからテストソースに簡単に移動できます。PyCharm は、エディターのテストの隣に、テ...