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
Make sure you have Node.js on your computer.
Install the Node.js and Live Edit plugins on the Settings/Preferences | Plugins page, tab Marketplace, as described in Installing plugins from JetBrains repository.
Install the Live Edit and Node.js plugins on the Settings/Preferences | Plugins page, tab Marketplace, as described in Installing plugins from JetBrains repository.
Enable Live Edit
Install the Live Edit plugin on the Settings/Preferences | Plugins page, tab Marketplace, as described in Installing plugins from JetBrains repository.
Press Ctrl+Alt+S to open the IDE settings and select .
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 msor specify a custom value using the spin box next to the corresponding field.