How would you debug in vscode?

[kuncevic]

Just wondering what is the best approach to debug using vscode?

Should I just run npm run build #93 and debug dist by running live-server or something or there is a better way?

[Foxandxss]

What you mean with debug in here? Because build will create your production build and with debug I think about development.

[kuncevic]

Ah OK my bad so how would you debug anyway using vscode? any other best approach? I just wasn't being able to produce build anyway to check my unlucky guess due to #93

[Foxandxss]

Wrong person to ask, I survive with console.logs and that is definitely not the way to go :/

Better if you ask in SO or other sites, because I cannot be of any help.

[kuncevic]

Get bored by console.log..

Actually I was trying to use this thing https://github.com/Microsoft/vscode-chrome-debug but no luck. I think because of webpack. Haven't dig much in to that after all.

Then looked in to this one http://schempy.com/2016/01/19/angular2_webpack_typescript/ but not working for me when trying to set breakpoints in chrome as mentioned in article.

UPDATE. Actually the second option is working. I was doing the full page refresh at first which is didn't triggered my break points in chrome dev tools for some reason. But after app is loaded and I tried to click on my route component I set breakpoints on - in such case all my ts breakpoints was getting hit.

Navigate http://localhost:8080 in a browser (I use chrome). Once the page is loaded open devtools and click on the Sources tab. Drill down on the list item labeled webpack on the left-side. You’ll notice there are the original typescript files! Click on one and check for yourself. You can set breakpoints and start digging in! Here is what your screen should look like:

[Foxandxss]

Will take a peek at both and if I get something interesting, I could update the README here.

[kuncevic]

Cool. Checkout my updated update above :/