WebStorm Fundamentals: Debugging JavaScript

In this video, we'll see how to debug JavaScript code in WebStorm. This information applies to other JetBrains IDEs, like GoLand, IntelliJ IDEA Ultimate, and PyCharm Professional.

Contents:
0:00 - Intro
0:18 - Creating a JavaScript Debug run/debug configuration
0:49 - Introduction to Node.js debugging
1:38 - Adding breakpoints to your code
2:45 - Viewing all breakpoints in one place
3:30 - Adding a condition to a breakpoint
3:54 - Walking through your code
5:17 - Using the built-in console and evaluating expressions
5:44 - Setting up watches
6:25 - Back to debugging Node.js
6:55 - Wrap-up and tips on where to find more information

We used a simple web page that included Hyperapp as a small demo. If you want to learn more about .mjs, check out https://nodejs.org/api/esm.html.

Learn more and join us:
Blog: https://jb.gg/j927y6
Website: https://jb.gg/b8vuc5
Twitter: Twitter: webstormide
Tips and Tricks: https://www.jetbrains.com/webstorm/guide

Category: #webstorm, #webstormfundamentals, #javascript

• #science_technology
• #jetbrains
• #software_development
• #developer_tools
• #programming
• #developer
• #webstorm_basics
• #webstorm_tutorial
• #webstorm_debugger
• #javascript_debugger_jetbrains
• #debug_javascript
• #intellij_javascript_debug
• #webstorm_fundamentals
• #webstorm_tips