场景

在使用next.js框架做本项目时，涉及到留言回复的查询功能，此时需要进行递归式查询回复信息，比较复杂，因此需要使用vscode的调试功能。

调试方式

vscode在调试时，通常用的调试方法包含了两种：launch program和attach模式

• launch program：需要制定某个程序入口文件，使用该文件进行启动进程，并进行调试；
• attach：将调试进程绑定（监听）已有的某个进程；

next.js的API代码调试

使用attach to process的方式进行调试，具体步骤如下

• 创建launch.json文件，添加配置时选择attach to process，保存；
• 启动需要调试的进程，例如npm run dev，此时会启动next dev开启进程；
• 选择左侧调试按钮，点击上方的开始调试绿色按钮，此时会让你选择哪个进程，这时候要注意了，不要选择next dev，选择vscode的集成终端下使用的node进程（node版本要正确，我在next.js中使用的是node v16版本）；
• 此时，vscode就会显示调试的信息了，在代码中添加断点即可。

参考资料

• How to debug a Node.JS REST API in Visual Studio Code locally