Live Edit in HTML, CSS, and JavaScript

Last modified: 12 April 2022

Professional feature: download PyCharm Professional to try.

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/2021.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. See Live Edit in Node.js application for details.

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