To save the automatically generated configuration for further re-use, choose Save from the context menu after the debugging session is over. The file opens in the browser, and the Debug tool window appears. IntelliJ IDEA generates a debug configuration and starts a debugging session through it. Open the HTML file that references the JavaScript to debug or select the HTML file in the Project tool window.įrom the context menu of the editor or the selection, choose Debug. Set the breakpoints in the JavaScript code, as required.

All the project files are served on the built-in server with the root URL with respect to the project structure. This server is always running and does not require any manual configuration. IntelliJ IDEA has a built-in web server that can be used to preview and debug your application. For more details about the live editing functionality, see Live Edit in HTML, CSS, and JavaScript.ĭebug an application that is running on the built-in server 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. In the search field, type JavaScript Debugger. Press Ctrl+Alt+S to open the IDE settings and select Plugins.

Make sure the JavaScript Debugger bundled plugin is enabled in the settings. For more details about plugins, see Managing plugins. In the search field, type JavaScript and TypeScript.

Make sure the JavaScript and TypeScript bundled plugin is enabled in the settings. The instructions below walk you through the basic steps to get started with this debugger. IntelliJ IDEA provides a built-in debugger for your client-side JavaScript code.ĭebugging of JavaScript code is only supported in Google Chrome and in other Chromium-based browsers.

React debug intellij