WebStorm 2024.1 Help

Debug code

With WebStorm, you can debug all kinds of applications written in JavaScript, TypeScript, or Dart: Node.js, React Native and Electron applications and, of course, client-side applications written using different frameworks, such as, Angular, Vue.js, and others. In addition to that, you can also debug unit tests and build scripts.

No matter what kind of code you are debugging, your experience with the WebStorm debugger is the same – you just put breakpoints and step through your actual source code while WebStorm takes care of source maps.

In WebStorm, the JavaScript debugger works out of the box and in most cases its default settings are sufficient. If necessary, you can configure the debugger as described in Configuring JavaScript debugger.

WebStorm supports debugging client-side applications running on the built-in or an external web server. Debugging of JavaScript code is only supported in Google Chrome and in other Chromium-based browsers.

During a debugging session, you can step through the application, examine it when suspended, resume program, evaluate expressions, change values on-the-fly, set watches, and more.

This section describes the procedures that are common for various types of applications and frameworks. Also find more language- and technology-specific details:

Last modified: 07 June 2024