开始使用 VSCode 调试

一些由浅入深的 VScode 调试例子，能让你快速理解和上手 VSCode 调试。

为何使用 VSCode ?

我是深度 vi 用户，以前 Atom 深度使用者，如今基本上转到 VSCode，下面是我选择 VSCode 的缘由：

• 颜值高，早期不如 Atom，如今已经逐渐遇上
• vi 支持度好，和 Atom 还差点，但已够用
• 调试体验好，完爆 Vim 和 Atom
• 插件多，和 Vim 和 Atom 打个平手
• 对 TypeScript 支持更好

浅浅地深刻

• 一分钟体验 VScode Node.js 调试 ( 效果图.gif )
• 最简单的 launch 模式
• 最简单的 attach 模式
• 深刻 launch 和 attach
• 如何使用 npm
• 怎样使用 Nodemon
• 渐进式的配置教学
• react 中使用 attach (进阶)
• 调试单元测试 (Jest)
• egg.js 调试 (子进程演示)

所有例子

JavaScript 版例子

• minimal-node-app
• minimal-attach
• use-npm
• use-nodemon
• use-nodemon-attach
• express-app
• koa-app
• react-app
• react-app-attach
• jest-test
• egg-app

TypeScript 版例子

• express-app
• koa-app
• react-app
• angular-app
• jest-test
• egg-app

参考资料

• Node Debugging Guide (Node.js 官方)
• VSCode Debugging (VSCode 官方)
• Node.js Debugging in VSCode (VSCode 官方)
• Node 调试指南 —— Inspector 协议
• Chrome Remote Debug 初探 - Debugging Node.js with Chrome DevTools