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

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

项目启动

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

断点

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