Search code examples
debugginggruntjswebstorm

How do I debug within my WebStorm workspace?

I start my application on localhost:9000 using a grunt serve command. The application is using yeoman. All my node modules and bower components are in place. I am trying to use the inbuilt grunt task runner - right click and debug serve command. However, it starts the debugger in some other port.

I also tried creating run/debug configurations but that does not seem to have a Grunt debug option.

I am using WebStorm 11.0.3. Any pointers to do this?

Solution

  • To debug client-side code of your app create a new JavaScript run/debug configuration. In the URL field specify localhost:9000. Click save, put the breakpoints in your client-side code and hit debug.