PhpStorm 2019.1ヘルプ

ライブ編集

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


このページは、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年5月15日

関連事項