PhpStorm 2019.3 Help

Live Edit in Node.js applications

With the Live Edit functionality, the changes you make to your HTML, CSS, or JavaScript code are immediately shown in the browser without reloading the page. Live Edit is available only during a Node.js debugging session. Learn more from Live Edit in HTML, CSS, and JavaScript.

Live Edit works for other file types that contain or generate HTML, CSS, or JavaScript.

By default, Live Edit is enabled only in HTML and CSS files.

Before you start

  1. Install and enable the LiveEdit plugin on the Plugins page as described in Installing plugins from repository.

  2. Make sure the NodeJS bundled plugin is enabled on the Plugins page, see Managing plugins for details.

Enable Live Edit

  1. Install the LiveEdit plugin on the Plugins page as described in Managing plugins.

  2. Open the Settings/Preferences dialog Ctrl+Alt+S and go to Build, Execution, Deployment | Debugger | Live Edit.

  3. Select Update Node.js application on changes. Specify the time-delay between changing the code in the editor and showing this change in the browser: accept the default value 300 ms or specify a custom value using the spin box next to the corresponding field.

Last modified: 19 June 2020