This section describes the procedures that are common for various types of applications.
WebStorm provides a full range of facilities for debugging your source code:
- Multiple simultaneous debugging sessions.
- Customizable breakpoint properties: conditions, pass count, etc.
- Frames, variables, and watches views in the debugger UI.
- Runtime evaluation of expressions.
If you want to see the list of all currently debugging applications, select Viewing Running Processes section for details.from the main menu. Refer to the
Start a debugging session
- Configure the debugger.
- Define a run/debug configuration for the application to be debugged.
- Create a breakpoint. To create a breakpoint, select the code line that you want to examine and click an area in the gutter near the line number.
- Click the Debug icon (). Read more about debugging sessions in Starting the Debugger Session.
After you've started a debug session, the icon that marks the Debug tool window toggles to to indicate that the debug process is active.
After you have configured a run configuration for your project, you can launch it in debug mode by pressing Shift+F9.
In the Debug tool window you can see the list of frames and threads with their states, variables and watches. When you select a frame, you see the variables corresponding to the selected frame.
Customize breakpoint settings
To customize breakpoint settings, press Ctrl+Shift+F8. To see all breakpoints in the project (with additional settings), click More or press the same shortcut Ctrl+Shift+F8 again.
If you have any instance marked with a label, you can use it in the condition expression as well:
Do not suspend code execution
Use action breakpoints to evaluate a variable at a particular line of code without suspending code execution. To create an action breakpoint, click the gutter while pressing Shift.
Create a temporary breakpoint
To create a breakpoint that stops only once, click the left gutter while holding Shift+Alt. For more information, refer to the section Breakpoint types.
To disable a breakpoint, click the breakpoint while pressing Alt. Refer to the section Enabling, Disabling and Removing Breakpoints for details.
Run to cursor
To stop code execution at the cursor position without adding another breakpoint, click the Run to cursor icon() or press Alt+F9.
The icon is described in the toolbar reference of the Debug tool window.
The next time this instance appears in Watches, Variables or Evaluate expression, you will see the label:
While in debug mode, you can evaluate any expression by pressing Alt+F8.
This tool provides code completion just as in the editor so it’s very easy to enter any expression:
If you have any instances marked with labels, code completion will offer you its names so you can evaluate them:
Refer to the section Evaluating Expressions for details.
Configuring debugger settings
To change debugger settings, click Settings menu, click .. In the