PhpStorm 2017.3 Help

Live Edit

File | Settings | Build, Execution, Deployment | Debugger | - Live Edit for Windows and Linux
PhpStorm | Preferences | Build, Execution, Deployment | Debugger | - Live Edit for macOS
Ctrl+Alt+S
settings


The page is available only when the LiveEdit plugin is installed and enabled. The plugin is not bundled with PhpStorm, but it can be installed from the JetBrains plugin repository as described in Installing, Updating and Uninstalling Repository Plugins and Enabling and Disabling Plugins.

Use this page to enable and disable Live Edit in HTML, CSS, and JavaScript and configure the appearance of the on-the-fly preview.

ItemDescription
Update Node.js application on change Select this checkbox to enable on-the-fly preview of HTML, CSS, and JavaScript files from a Node.js application in the actual browser. Use the spin box to specify the elapsed time for upload, the default value is 300.
Update application in Chrome Select this checkbox to enable on-the-fly preview of HTML and CSS.
On change in Select this checkbox to enable Live Edit in JavaScript in addition to HTML and CSS. Set the elapsed time for uploading the changes to the built-in or external server: accept the default value 300 ms or specify a custom value using the spin box next to the field. The default elapsed time is 300ms.
When the checkbox is cleared, only HTML and CSS files are updated at the default elapsed time 300ms.
Highlight current element in browser on caret change When this checkbox is selected, the current element is highlighted when you move the cursor. Otherwise you have to hold Shift and click the element to highlight.
Restart if hotswap fails Select this checkbox to have PhpStorm restart the server if automatic upload of changes to the client-side code fails. With changes in HTML, CSS, and JavaScript on the client side, the contents of a Web page in the browser are updated without reloading. For Node.js or Meteor applications, PhpStorm first tries to update the application incorporating the changes without restarting the Node.js server.
  • Select this checkbox to have PhpStorm try restarting the server if the changes cannot be applied automatically. After the restart, PhpStorm brings you to the execution point where the problem took place.

    If even with this option chosen automatic upload still fails, tou will have to restart the server manually by clicking the Rerun <run configuration name> button run.

  • When the checkbox is cleared, PhpStorm just displays a pop-up window informing you about the failure and suggesting to restart the server manually.
Last modified: 3 November 2017

See Also