vscode调试babel-node

使用node开发有段时间了,但是调试都是不断的打印来进行的,于是趁着周末找了找怎么通过vscode来调试node代码,没有特别的深入,只是做到能调试代码就行的程度。

1. 进入调试页面

调试代码的地方在左侧的第四个,点击就能进入到调试的入口处


入口

2. 添加配置

进入到调试页面时,刚开始是没有配置调试需要的东西的,所以需要配置调试的环境


添加环境配置

3. 选择调试环境

添加配置之后,会需要选择代码的运行环境


选择环境

4. 修改配置

选中环境之后,会在你项目的当前目录下创建个.vscode文件夹,里面存放着当前项目的vscode的各种配置。上一步操作,会在.vscode文件夹中创建launch.json文件


launch.json文件

文件默认内容可能是不一致的,name表示这个配置的名称,program表示启动文件,比如 node ${file}

如果需要使用babel-node去执行这个文件的话,需要手动加一行

babel-node

至于还有其他的参数配置,由于自己的目标仅限于此,也就没有去继续折腾

项目启动

项目启动后,可以到你需要调试的地方打上断点

断点

等代码运行到断点处,鼠标放到变量上,会出现变量的值,只是窗口大小好像不能进行调整

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 179,034评论 25 709
  • 在开发的过程中,几乎不可能一次性就能写出毫无破绽的程序,断点调试代码是一个普遍的需求。 作为前端开发工程师,以往我...
    布拉德皮蛋_qzy阅读 2,376评论 0 2
  • 1、Component React的首要思想是通过组件(Component)来开发应用。所谓组件,简单说,指的是能...
    徐国军_plus阅读 291评论 2 0
  • 假如有一天,就要老去。 真的老去。 静静地站在人群中,慢慢地往前走,老头嗨,叫你呢,你挡着道了,快让开,怎么走着走...
    晟妹你好阅读 163评论 0 0
  • 你喜欢我送你的画, 你喜欢我送你的本, 你喜欢我挑选的书, 你唯独不喜欢的,是我。 你或许喜欢抽烟的女人, 或许喜...
    Lisa_xiao089阅读 309评论 0 0

友情链接更多精彩内容