Live Edit in HTML, CSS, and JavaScript

Last modified: 10 August 2022

Required plugins:

JavaScript and TypeScript, JavaScript Debugger -  The plugins are available only in IntelliJ IDEA Ultimate, where they are enabled by default.

Live Edit -  Install the plugin on the Settings/Preferences | Plugins page, tab Marketplace. The plugin is available only in IntelliJ IDEA Ultimate.

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