Live Edit
for macOS
Ctrl+Alt+S
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, WebStorm 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. |