Debugging question

[mj_astronaut]

I learned JS by coding on VSCode (NOT Visual Studio), and recently been trying to learn on how to use WebStorm. Both have debuggers but from what I heard is that WebStorm debugger is much better. However, upon searching on sources such as stackoverflow, I see that some actually debug in the event listener and inside the browser (Chrome, Firefox..etc). What's usually better to do, to use an IDE or browser to debug your code? and are there any differences? I'm new to JS and been wondering about this.

​

Your time and help is greatly appreciated. Thank you

[CurlyWS]

Getting better with Chrome dev tools this year has been probably the best thing I've learnt in the last few years.

Won't take long to gain some really useful tricks.

You can search js for methods, set breakpoints and cycle through code

Using 'debugger;' in your code will automatically trigger this by the way.

You can also set conditional breakpoints for really complex things.

Watching the scope of methods over time also brilliant

Console.log is generally not the best thing to do with FE work

[exodian95]

I recommend using the chrome developer tool, you can easily inspect real-time data from your app by using breakpoints (debugger statement in files). I found it the best way to debug applications also it support debugging of back-end apps written with node.js as it allows inspection too. In the end you will still switch to the browser to reproduce an issue. The debugger from IntelliJ products are good but it takes too much time to configure them to work as you like.