PhpStorm
 
2024.3
Get PhpStorm

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/idea/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.