![Uploading QQ截图20170719110304_396594.png . . .]
- 进入VScode,点击界面左边的第四个按钮,进入调试界面。
- 点击页面上方“调试”后面的下拉菜单,选择“添加配置”。
![](https://img.haomeiwen.com/i4357692/0c8d8e1bd9fee045.png)
3.选择Node.js环境。
![](https://img.haomeiwen.com/i4357692/9815bbe3bb5c227c.png)
4.选择完后,在项目的根目录中会生成一个.vscode的目录,存放VScode的配置信息。目录中包含了一个文件名为lanuch.json的配置文件,其中“program”字段定义了整个应用的入口,开启调试器的时候会从这个入口启动应用,因此将“program”后的参数修改为应用入口文件路径即可。
![](https://img.haomeiwen.com/i4357692/80edb644c61c189c.png)
5.点击绿色三角形按钮,启动调试。这时候就跟在浏览器中调试一样啦,可以直接在文件中添加断点,VScode的调试面板会显示调试信息,可以看到本地变量,函数调用栈,还可以添加监听的变量。
![](https://img.haomeiwen.com/i4357692/e8b0373d10035152.png)
与此同时会出现一个调试控制工具栏,包括了常见的断点调试指令。从左到右依次是暂停,单步跳过,单步调试,单步跳出,重启,停止调试。
![](https://img.haomeiwen.com/i4357692/c518d2f5d5ba3c9f.png)
网友评论