IntelliJ IDEA
 
Get IntelliJ IDEA
You are viewing the documentation for an earlier version of IntelliJ IDEA.

Live Edit in HTML, CSS, and JavaScriptUltimate

Last modified: 02 June 2021

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. Live Edit is available only during a debugging session, see Debug JavaScript in Chrome for details.

https://resources.jetbrains.com/help/img/idea/2021.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.