WebStorm
The most powerful IDE for JavaScript/TypeScript development, completely covering modern web development from frontend to Node.js
Debug shortcuts for efficiently identifying and fixing JavaScript application bugs with breakpoint setting and step execution
Ctrl+F8
Toggle breakpoint
Toggles a breakpoint on the current line.
💡 Hint: Breakpoint
🎯 Set/remove breakpoints to control execution stop positions during debugging
Shift+F9
Debug
Starts debugging with the current debug configuration.
💡 Hint: Debug
🎯 Launch application in debug mode to investigate bug causes in detail
F8
Step over
Steps over the current line.
💡 Hint: Over
🎯 Move to the next line without entering methods to efficiently track processing flow
F7
Step into
Steps into functions.
💡 Hint: Into
🎯 Step into methods to check detailed processing content
Shift+F8
Step out
Steps out of the current function.
💡 Hint: Out
🎯 Step out of current method and return to caller
Alt+F8
Evaluate expression
Evaluates an expression.
💡 Hint: Evaluate
🎯 Evaluate expressions during debugging to check variable values and calculation results
F9
Resume program
Resumes program execution.
💡 Hint: Resume
🎯 Resume debugging and run to the next breakpoint
Ctrl+Shift+F8
View breakpoints
Shows the breakpoints dialog.
💡 Hint: View breakpoints
🎯 Display all breakpoints and manage conditional breakpoints