To enable Live Edit in JavaScript, select the JavaScript, HTML and CSS option. On the Live Edit page that opens, select the Update application in Chrome on changes in checkbox.īy default, JetBrains Rider shows on-the-fly preview only for HTML and CSS code. In the Settings/Preferences dialog ( Ctrl+Alt+S), go to Build, Execution, Deployment | Debugger | Live Edit. For more details about the live editing functionality, see Live Edit in HTML, CSS, and JavaScript.Īctivate and configure Live Edit in JavaScript

To have the changes you make to your HTML, CSS, or JavaScript code immediately shown in the browser without reloading the page, activate the Live Edit functionality. For more details about plugins, see Managing plugins.Ĭonfigure the built-in debugger as described in Configuring JavaScript debugger. Press Ctrl+Alt+S to open the IDE settings and select Plugins.

Make sure the LiveEdit plugin is enabled in the settings. For more details about plugins, see Managing plugins. In the search field, type JavaScript Debugger. Make sure the JavaScript Debugger bundled plugin is enabled in the settings. In the search field, type JavaScript and TypeScript. Make sure the JavaScript and TypeScript bundled plugin is enabled in the settings. See Live Edit in Node.js application for details.īy default, Live Edit is enabled only for HTML and CSS files. You can also use Live Edit when debugging a Node.js application.

Live Edit works for other file types that contain or generate HTML, CSS, or JavaScript. 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.ĭebugging of JavaScript code is only supported in Google Chrome and in other Chromium-based browsers.

Web live preview visual studio