设置断点
首先,在需要调试的地方打好断点
如上图,点击左侧的行数,158行就可以打上断点了
配置launch.json
文件
1. 进入调试窗口
点击vscode
左侧的debug窗口,如果你之前没有配置过launch.json
文件,那么现实效果就会如下图一样。
2. 新建launch.json
配置文件
点击左上方,【没有配置】,添加配置
VSCode本身就内置了Node.js的调试工具,如果将来你需要调试别的东西,可以在这里选择添加对应的调试插件工具。
这里我们调试的是Node.js,就选择Node.js,然后VSCode会在/.vscode
目录中新建一个launch.json
文件
3. 配置launch.json
文件
launch.json
文件新建好后,我们需要进行一些配置操作,这里我们选择的是,附加到进程。
后面我们是先启动egg的调试进程,然后再将vscode附加到进程中的。
这里有一个很关键的节点,program
这个属性写的就是你需要调试的js文件,我这边调试的是刚才打上断点的文件pledges.js
4. 开启egg的调试模式
使用iterm
进入到工程目录,开启调试模式
npm run dev --debug
在VSCode中选择Attach to Process
,并且选择egg-cluster这个进程。
等请求进入到刚才打断点的地方,VSCode就会自己跳转到调试点啦,然后就可以尽情调试啦~
BTW,如果你有更好,更简单的调试方式请告诉我...
launch.json
配置文件
{
// 使用 IntelliSense 以学习相关的 Node.js 调试属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "attach",
"name": "Attach to Process",
"processId": "${command:PickProcess}",
"port": 5858
},
{
"type": "node",
"request": "launch",
"name": "启动程序",
"program": "/app/service/pledges.js"
}
]
}