序言
在进行前端开发时,我们可以很方便的在谷歌浏览器上打断点调试我们的程序,但是如果使用了node来编写后台或者中间层,会发现使用谷歌是看不到node的调试和输出的,node的console.log可以在cmd窗口或者终端看到,但是还是没有直接断点调试来的直观。
配置过程
1、点击小蜘蛛

image.png
2、启动程序-添加配置

image.png
3、点击后会弹出launch.json,这个文件就是调试配置文件。
右下角有个添加配置

image.png
点击后可以选择你要增加的配置:

image.png
4、我这是express创建的,所以配置是这个样子
解释一下,program就是程序的启动入口
5、在需要打断点的地方打上断点如图

image.png
6、点击启动刚才的配置

image.png
7、启动后你可以看到顶部有个控制条,然后可以像chrome一样调试了

image.png
8、

image.png
左边可以查看详细信息,
鼠标圈选单个变量也会展示详细信息

image.png
好了,就到这,希望各位都能调试好node