Debug Your Node.js Apps in VS Code
summary
Live demo shows VS Code debugging Node and Angular with zero config: auto attach to the Node inspector protocol, breakpoints inside async code, auto attach, on-the-fly log points that print expressions without changing code, and a relative file debugging workflow to run the current script. npm scripts, Chrome Debugger extension for Angular, and a Docker flow (attach to node with workspace-to-container path mapping) all execute against the vikings demo and actually hit breakpoints and logs.
AI-written summary · about
chapters (18)
- 0:00Start
- 3:29Console Log
- 6:48Npm Run Debug
- 7:25Npm Run Local Proxy Debug
- 10:00Debug Console
- 10:13Zero Configuration
- 11:01Launch Configuration
- 11:11Launch Angular in Chrome
- 12:20Relative File
- 12:58Relative File Debugging
- 14:36Launch Server J / S
- 17:26Show Logs
- 20:08Docker Attach to Node
- 21:19Log Point
- 23:42Debug with Angular
- 24:20Chrome Debugger
- 25:07Recap Debugging
- 27:16Front End Happy Hour Podcast
related talks
33mDebugging Your Node.js Apps
30mRun Your Vue and Node App Anywhere
33mEssential JavaScript debugging tools for the modern detective
30mVS Code Can Do That
31mConsole.loggers Anonymous: A Debugging Roadmap from Local to Production
34mKick ass code editing and end to end JavaScript debugging
29mEssential JavaScript debugging tools for the modern detective
35mOptimise your Web Development Workflow