
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
1.2.7 Koa代码调试
切换到helloworld目录,通过VSCode编辑安装code命令,然后通过code命令在VSCode里打开当前目录,由于本节的例子采用async函数编写,因此需要在终端处切换到Node v7.6以上的版本。

在“调试”面板中单击“调试”右侧的下拉按钮,在弹出的下拉列表中选择“添加配置”选项,如图1-3所示。

图1-3
执行此操作会打开launch.json文件,内容如下。

我们要确保program的值是"${workspaceRoot}/bin/www"。此时单击“调试”按钮或按下F5快捷键,即可启动调试,如图1-4所示。由于HTTP服务器启动后是被动请求的,所以我们有足够的时间来添加断点。

图1-4
此时,我们在浏览器里请求http://127.0.0.1:3000/就会触发断点,如图1-5所示。

图1-5
剩下的就是基础的调试了,如果不熟悉,可以参考Chrome、Eclipse或Web Storm的调试,方法大同小异,这里就不再过多介绍了。