Debugging JavaScript in WebStorm

Javascript By Builder

Previous video: Debugging JavaScript in WebStorm and Chrome: quick start: https://youtu.be/a-IsnxZpRrQ

Debugging client-side and server-side JavaScript code is easy with WebStorm!

In this video Paul Everitt, JetBrains Developer Advocate explains how to get started:
– Create a debug configuration to debug client-side code and Node.js
– Put breakpoints
– Step through the code
– Explore call stack and variables
– Use console
– Evaluate expressions and use watches

See also:
– JetBrains IDE Support Chrome Extension: https://youtu.be/kJh9lGbTSGI

Learn more about WebStorm at https://www.jetbrains.com/webstorm/.

The same way you can debug your JavaScript code in IntelliJ IDEA Ultimate, PhpStorm, RubyMine, and PyCharm.

Category: Debugging

source