使用vscode断点调试Node.js

这是个告别console的开始【手动捂脸】。

首先,打开虫子,进入调试页面。

点击绿色的按钮,开始调试。

选择环境Node.js。

选择完成之后,生成一个.vscode文件夹,文件夹下有个launch.json文件。

将【program】字段的值修改为自己程序的入口文件,开始调试时会从这个入口启动程序,我的程序的入口为server.js,修改如下:

修改完成后,点击绿色按钮,开始调试程序。

接下来用postman请求程序的接口,返现程序已经启动,并且返回了预期的数据。

接下来就是给程序设置断点,打开下想要设置断点的文件,我以刚才postman请求的用户详情接口为例,点击行号左边变为红点即设置好了断点。

再次请求用户详情接口,调试面板出现如下变化。其中划红线处按钮依次为继续、单步调试、单步跳出、重启、停止调试,在调试面板左侧可以监听变量和调用堆栈的情况等。

同时,将鼠标放在当前执行断点之前的参数或者变量上可以查看参数或者变量的详情。

好了,从此以后,就可以用vscode愉快地调试代码了。

欢迎关注我的博客(正在建设中)毛浩先生的个人博客

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • JAVA面试题 1、作用域public,private,protected,以及不写时的区别答:区别如下:作用域 ...
    JA尐白阅读 1,187评论 1 0
  • 转至元数据结尾创建: 董潇伟,最新修改于: 十二月 23, 2016 转至元数据起始第一章:isa和Class一....
    40c0490e5268阅读 1,814评论 0 9
  • 【2017年最新】☞ iOS面试题及答案 设计模式是什么? 你知道哪些设计模式,并简要叙述? 设计模式是一种编码经...
    紫色冰雨阅读 624评论 0 1
  • 对鹿晗的眼光 不予置评
    liftRock阅读 139评论 0 0
  • 客户的需求是什么? 如何有效地看到客户的需求? 客户的痛点背后的需求是什么? 有什么样的结构可以归纳客户的需求? ...
    志坚Ken阅读 245评论 0 0