chriscow / mapbox-nav-sandbox

node-typescript

Template for bootstrap projects with Node.js and TypeScript.

Base example for my articles:

• Dev.to: Node.js with TypeScript, Debug inside VSCode and Nodemon

Debugging

After starting the app with npm run dev:debug, you've two options:

1. For in-editor debug with VSCode, choose the process with the pid indicated in the debug output
2. You can look at chrome://inspect to open a debugger panel using Google Chrome DevTools.

Screenshots

• Starting the app with npm run dev:debug

• Go to the "Debug" panel in VSCode, press the green arrow for "Node: Nodemon" configutation and select your process

• VSCode will attach the debbuger and show you a floating panel

• Add a breakpoint anywhere and have fun debugging!

• On Chrome, you can go to chrome://inspect and click inspect on the "Remote Target" section pointing to your server

• Add a breakpoint anywhere and have fun debugging!