Live Edit in Node.js applications
Required plugins:
JavaScript and TypeScript
, JavaScript Debugger
, Node.js
, Live Edit
- The plugins are bundled with JetBrains Rider and enabled by default.
tip
Live Edit is available only during a Node.js debugging session in Google Chrome and in other Chromium-based browsers.
Learn more from Live Edit in HTML, CSS, and JavaScript.
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 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.
Make sure you have Node.js on your computer.
Make sure the JavaScript and TypeScript, JavaScript Debugger, Node.js, and Live Edit required plugins are enabled on the Settings | Plugins page, tab Installed. For more information, refer to Managing plugins.
Press CtrlAlt0S to open settings and then select Build, Execution, Deployment | Debugger | Live Edit.
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.