PhpStorm 2018.3ヘルプ

ライブ編集

WindowsおよびLinux用 ファイル | 設定 | ビルド、実行、デプロイ | デバッガー | ライブ編集
macOS用 PhpStorm | 環境設定 | ビルド、実行、デプロイ | デバッガー | ライブ編集
Ctrl+Alt+S icons general settings svg


このページは、LiveEditプラグインがインストールされ、有効になっている場合にのみ使用できます。プラグインはPhpStormにバンドルされていませんが、プラグインの管理で説明されているようにJetBrainsプラグインリポジトリからインストールできます。

このページを使用して、HTML、CSS、およびJavaScriptでライブ編集を有効または無効にし、オンザフライプレビューの外観を設定します。

項目

説明

変更時のNode.jsアプリケーションの更新

Node.jsによって実行されるJavaScriptファイルのリロードを有効にするには、このチェックボックスを選択します。スピンボックスを使用してアップロードの経過時間を指定します。デフォルト値は 300です。

Chrome のアプリケーションを更新する変更間隔

このチェックボックスを選択すると、HTMLおよびCSSのオンザフライプレビューを有効にします。

JavaScriptでライブ編集を有効にするには、JavaScript、HTML および CSSオプションを選択します。

エディターでコードを変更し、この変更をブラウザに表示するまでの遅延時間を指定します。デフォルト値 300 ms をそのまま使用するか、フィールドの横にあるスピンボックスを使用してカスタム値を指定します。

キャレットの変更時にブラウザーの現在の要素を強調表示する

このチェックボックスをオンにすると、カーソルを移動すると現在の要素が強調表示されます。それ以外の場合は、デバッグセッション中に Shift を保持し、ハイライトする要素をクリックする必要があります。

ホットスワップが失敗した場合に再起動する

クライアント側のHTML、CSS、およびJavaScriptの変更により、ブラウザのWebページの内容がリロードせずに更新されます。Node.jsまたはMeteorアプリケーションの場合、PhpStormはまず、サーバーを再起動せずに変更を組み込んだアプリケーションを更新しようとします。
  • このチェックボックスを選択すると、PhpStormが変更を適用できない場合は、自動的にページをリロードすることができます。

    このオプションを選択しても自動リロードが失敗した場合は、再実行<実行構成名>ボタン Runをクリックして手動でサーバーを再起動する必要があります。

  • チェックボックスをオフにすると、PhpStormはポップアップウィンドウを表示して、失敗したことを通知し、サーバーを手動で再起動することを提案します。

デバッグとライブ編集にJetBrains IDEサポート拡張機能を使用する

このチェックボックスを選択すると、JetBrains Chrome ExtensionのインストールJetBrains Chrome拡張のアクティブ化、非アクティブ化、およびアンインストールの説明に従って、JetBrains Chrome拡張機能をインストールして有効にする必要があります。

最終更新日: 2019年3月18日

関連事項