Live Edit
for macOS
Ctrl+Alt+S
The page is available only when the LiveEdit plugin is installed and enabled. The plugin is not bundled with IntelliJ IDEA, but it can be installed from the JetBrains plugin repository as described in Managing plugins.
Use this page to enable and disable Live Edit in HTML, CSS, and JavaScript and configure the appearance of the on-the-fly preview.
Item | Description |
---|---|
Update Node.js application on change | Select this checkbox to enable reloading of JavaScript files that are executed by Node.js. Use the spin box to specify the elapsed time for upload, the default value is 300. |
Update application in Chrome on changes in | Select this checkbox to enable on-the-fly preview of HTML and CSS. To enable Live Edit in JavaScript as well, select the JavaScript, HTML and CSS option. Specify the time-delay between changing the code in the editor and showing this change in the browser: accept the default value |
Highlight current element in browser on caret change | When this checkbox is selected, the current element is highlighted when you move the cursor. Otherwise, during a debugging session, you have to hold Shift and click the element to highlight. |
Restart if hotswap fails | With changes in HTML, CSS, and JavaScript on the client side, the contents of a Web page in the browser are updated without reloading. For Node.js or Meteor applications, IntelliJ IDEA first tries to update the application incorporating the changes without restarting the server.
|
Use JetBrains IDE Support extension for debugging and Live Edit | If you select this checkbox, you need to install and activate the JetBrains Chrome Extension as described in Installing the JetBrains Chrome Extension and Activating, de-activating, and uninstalling JetBrains Chrome extension. |