Beyond console.log: Supercharge Your Debugging Skills!
summary
Live demos show a Vue.js e‑commerce app wired to a fake API and a Pinia store; using the Visual Studio Code debugger reveals duplicate add-to-cart calls caused by both a product card and the app component pushing the same product — removing the extra push fixes the bug. Debugging tests with breakpoints and the debug console exposes a typo (double “t” in an ID) that breaks assertions and once fixed makes tests pass. Also covers practical tips like console.dir and console.table.
AI-written summary · about
chapters (10)
- 0:00Advanced debugging intro
- 1:06VS Code debugger setup
- 2:31Breakpoints for API calls
- 5:48Double product bug debug
- 7:56Call stack root causes
- 8:58Fix duplicate product issue
- 9:19Debug tests with breakpoints
- 10:30Debug console execution
- 11:58Interactive test failure analysis
- 13:25Console logging tips
related talks
33mEssential JavaScript debugging tools for the modern detective
23mDebug Like a Detective
29mEssential JavaScript debugging tools for the modern detective
56mFuel Your Fixes: Visual Studio Debugging, Powered by Copilot
28mEssential JS debugging tools for the modern detective
23mDebugging the Web
28mDebug Your Node.js Apps in VS Code
17mFast Focus: Visual Studio Debugging & Diagnostics: Tips & Tricks