WebStorm 2017.3 Help

Running, Debugging, and Testing

Overview

This section describes the procedures that are common for various types of applications. For details on debugging applications in the supported frameworks, refer to Languages and Frameworks .

WebStorm provides a full range of facilities for debugging your source code:

If you want to see the list of all currently debugging applications, select Run | Show Running List from the main menu. Refer to the Viewing Running Processes section for details.

General debugging steps

  1. Configure the debugger engine.
  2. To debug CoffeeScript, TypeScript, and Dart code, you need to generate a source map for it. This will set the correspondence between lines in your original code and in the generated JavaScript code. If no source map is generated, your breakpoints will not be recognized and processed correctly.
  3. Define a run/debug configuration for the application to be debugged.
  4. Create breakpoints in the source code.
  5. Launch a debugging session.
  6. Pause or resume the debugging session as required.
  7. During the debugger session, step through the breakpoints, evaluate expressions, change values on-the-fly , examine suspended program, and set watches .

After you've started a debug session, the /help/img/idea/2017.3/debug.png icon that marks the Debug tool window toggles to /help/img/idea/2017.3/debug_active.png to indicate that the debug process is active.

See Also

Last modified: 20 September 2017