Let me introduce you Web Inspector!
You can set and remove breakpoints right in the editor
See all console messages with level
name:line region bring you right to file and line, and if you
Object you can see object properties
On breakpoints you can see a stack and all variables (local, global, closure)
Evaluating on call frame
Evaluate selection on current call frame
On file save cache will be cleared and page reloaded. If you save .css or .less file then styles only will be reloaded
Use package manger and install "Web Inspector"