Debug Typescript Node apps in Visual Studio Code (Great for NestJS!)

#typescript #vscode #debug

Did you know you can directly debug Typescript Node apps in Visual Studio Code using just a few extra lines in your project configuration? In this video I show you how.

The VS Code debugger allows you to set breakpoints, step through code and inspect variables and this is super useful when trying to debug Node apps, for example NestJS framework projects.

Follow us on Twitter:

Our gear - click through to support our channel! :)

Camera (Canon M50)

Camera mic (RODE VideoMic Pro)

Camera tripod (Manfrotto Compact tripod):

Voiceover Mic (Blue Yeti)

Chris's dev mouse for PC (Logitech MX Master 3)

Chris's dev keyboard for PC (Logitech MX Keys)

Rob's dev keyboard for Mac (Apple Magic Keyboard)

Rob's dev mouse for Mac (Apple Magic Mouse)

[betterbrained]

Thank you dear Sir Robert! 4 minute video is better than tons of crappy VS documentation 🤦‍♂🤦‍♂🤦‍♂

[Nockoutz]

After like 2 days of trying to make TS work, your tutorial did it.
Thank you so so much, I honestly almost gave up, it was so frustrating.

[orancanoren]

This was very helpful. There are a lot of scramble about this simple topic online and this was the most straightforward one.

[Yogurt]

Exactly what I needed. Most other tutorials seem to be focused solely on debugging web pages. Thank you!

[ronniet]

Thanks Robert, after using npm ts-express to generate a default Express TypeScript project, this video helped get my Windows VSCode Debug environment up and running to debug the code. Much appreciated.

[lalo-the-coder]

This is a very simple but powerful approach, thanks for the tip.

[SandroMunda]

Just having the following launch.json works well on my Nestjs app. No need of additional NPM packages.

{
"version": "0.2.0",
"configurations": [{
"name": "Launch via NPM",
"request": "launch",
"runtimeArgs": [
"run",
"start"
],
"runtimeExecutable": "npm",
"skipFiles": [
"<node_internals>/**"
],
"console": "integratedTerminal",
"type": "pwa-node"
}]
}

[techiabhil]

This is the only approach that worked for me, thanks a ton 🙏

[gokulambalavanan]

thanks for the clear and short video, saved me ton of time

[anonymerlurch]

Exactly what I was looking for. Thank you!

[sarafanmol]

can you share your source code repo (git or something )... it is not working for me

[felegeghionitvillage]

That is helpful, you saved me time. Thanks

[hkthktm]

using tsx for now. this solution doesn't working with me

[emanuelcabrera]

thanks for this video, you saved my life :D

[jaroush]

Hi, how can I support the channel, most of the amazon items are unavailable.

[vincentluc]

Thanks ! I solved the debug with break points in 5 minutes for NestJS. Before I visited a thousand of links, and it was not working.

[AliAliOxenFree]

this is a quality video. earned a sub!

[aungmyooo]

I got TypeError: Unknown file extension ".ts"

[KnightDark]

Thanks but wish you could just also paste the instructions & launch.json file in the description.

[rafaelffernandes]

Muito bom, rápido e fácil de configurar.