Debug TypeScript with Visual Studio Code (TypeScript tutorial, #10)

Показать описание

In this video I'll show you how to debug TypeScript code with Visual Studio Code's built-in debugger.

Continue watching my TypeScript tutorials:

► About me
Follow me on Twitter:

Check out my blog:

Subscribe to newsletter:

Like my Facebook page:

Рекомендации по теме

Комментарии

key info for me has been: "if you debug in chrome, you have to RESTART debugger because there is some issue with chrome :D"

second problem what I had - when I tried to start the page from debugger, there was some problem. I had to start live-server first and after that call debugger.

Now everything working, cheers Savjee

Pavel_Franta

tsconfig was preconfigured in my case. I'm debugging Angular with this debugger now :) thanks!

georgehuman

Thank you very much for your time Savjee.

chanduBoddu

Thank you so much Savjee. You made my day!

prabhusingh

I want to ask you a question, http-server does not run on window xp system.so what's it should I write on command line?

Zoe-fwkt

Using dark theme for your IDE would be nice :)

marekkazimierczak

I had an issue where my break point was black and if I hovered it would say
"Breakpoint set but not yet bound".
This was because my .map file wasn't created even though I had set sourceMap: true in my tsconfig.json. The solution for me was to remove my tsconfig file and generate a new one from the tsc command line.
tsc --init
That generated me a new tsconfig.json and I was able to uncomment the lines
"inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */
"inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */

I then re-compiled with tsc and was able to launch Chrome as he does in the video with correct stepping in the debugger.

brianlogan

Savjee great video once again. Not exactly related to your video but can you explain your folder structure/application layout when you are developing an app that uses typescript for both the client and server (node) ? i.e. does the client app 'live'l within a folder inside the server app (i.e. only one package.json) or do you split it out to do completely separate folders (and thus 2 package.json)

vooose