開始使用 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