Debug Angular 5 app on Web Storm

Pablo Ezequiel Inchausti
2 min readMar 18, 2018

I have an angular app and I would like to debug on it: breakpoints, watch variables values, etc

The app is in angular 5, I am using node 9 runtime with nvm, and It was generated with Angular-CLI, so let´s start.

I am using Web Storm 2017.3

JetBrain IDE plugin on Chrome

First Add the plugin to chrome

Web Storm IDE

First on a web stom terminal

$ node use -v 9$ npm start> apex@4.1.0 start 
> ng serve --port 4600 -aot

The app is listening on localhost:4600 (I have changed it in package.json, normal is 4200)

Add “Javascript Debug” on Run Configuration

In URL, we paste out http://localhost:4600

Ok, I have the break point on the app:

It was all I needed, so, I will stop the post here.




Pablo Ezequiel Inchausti

#cloud . #mobile ~} Sharing IT while learning It! ... Opinions are for my own