vscode调试node

序言

在进行前端开发时,我们可以很方便的在谷歌浏览器上打断点调试我们的程序,但是如果使用了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
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容