JetBrains Rider
 
Get JetBrains Rider
Get your hands on the new features ahead of the release by joining the Early Access Program for Rider 2025.1! Learn more

Live Edit in HTML, CSS, and JavaScript

Last modified: 08 October 2024

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.

https://resources.jetbrains.com/help/img/rider/2024.3/live_edit_example_html_css.png
Gif

Live Edit works for other file types that contain or generate HTML, CSS, or JavaScript. You can also use Live Edit when debugging a Node.js application. For more information, refer to Live Edit in Node.js application.

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