Javascript IDE & debugging?

Question

I use notepad plus and a browser to write and test all my HTML, CSS and JavaScript.
I write status and variables to console in JS in order to debug. I find it extremely tedious to debug JS in this way

Are there better IDE's for this and what are the tips and tricks to more efficient JS development.

Answer 1

Webstorm. You just download it and everything is configured. All js web frameworks like node.js, angular, react, vue.js are integrated. It has best autocomplete ever and maybe only IDE has normal debugging for JS. I confidently can suggest you Webstorm, because I also tried Visual Studio Code and Vim with plugins.

Answer 2

Thanks Vladi Petrov
I will check out Webstorm. My main problem remains effective debugging. I am looking for a way to place breakpoints and watch variables etc. Without having to manually enter them in the code.

Answer 3

Thanks Mike Choy
This looks promising.
I will check it out.

Answer 4

@Louis F12 in Chrome is your friend
Dont foget if you want to save your changes you need to add your folder to work and control s or right mouse and save as.

https://developers.google.com/web/tools/chrome-devtools/workspaces/