使用vscode断点调试Node.js
2018-05-09 本文已影响0人
毛浩先生
这是个告别console的开始【手动捂脸】。
首先,打开虫子,进入调试页面。
![](https://img.haomeiwen.com/i3836082/17b4690ec001cb74.png)
点击绿色的按钮,开始调试。
![](https://img.haomeiwen.com/i3836082/c2c700c95c2cc85e.png)
选择环境Node.js。
![](https://img.haomeiwen.com/i3836082/02e9fedf2da8d05a.png)
选择完成之后,生成一个.vscode文件夹,文件夹下有个launch.json文件。
![](https://img.haomeiwen.com/i3836082/da56f252463bd5a4.png)
将【program】字段的值修改为自己程序的入口文件,开始调试时会从这个入口启动程序,我的程序的入口为server.js,修改如下:
![](https://img.haomeiwen.com/i3836082/cd8b9c08d5eb6163.png)
修改完成后,点击绿色按钮,开始调试程序。
![](https://img.haomeiwen.com/i3836082/262eaf86370c5ceb.png)
接下来用postman请求程序的接口,返现程序已经启动,并且返回了预期的数据。
![](https://img.haomeiwen.com/i3836082/1e30d3b44ef21aea.png)
接下来就是给程序设置断点,打开下想要设置断点的文件,我以刚才postman请求的用户详情接口为例,点击行号左边变为红点即设置好了断点。
![](https://img.haomeiwen.com/i3836082/f14bdbfbc48a8aa8.png)
再次请求用户详情接口,调试面板出现如下变化。其中划红线处按钮依次为继续、单步调试、单步跳出、重启、停止调试,在调试面板左侧可以监听变量和调用堆栈的情况等。
![](https://img.haomeiwen.com/i3836082/df878617f2a72295.png)
同时,将鼠标放在当前执行断点之前的参数或者变量上可以查看参数或者变量的详情。
![](https://img.haomeiwen.com/i3836082/db6d6db96c8041be.png)
好了,从此以后,就可以用vscode愉快地调试代码了。
欢迎关注我的博客(正在建设中)毛浩先生的个人博客