使用node开发有段时间了,但是调试都是不断的打印来进行的,于是趁着周末找了找怎么通过vscode来调试node代码,没有特别的深入,只是做到能调试代码就行的程度。
1. 进入调试页面
调试代码的地方在左侧的第四个,点击就能进入到调试的入口处

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

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

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

文件默认内容可能是不一致的,name表示这个配置的名称,program表示启动文件,比如 node ${file}
如果需要使用babel-node去执行这个文件的话,需要手动加一行

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

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

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