- vscode 调试node.js
- 使用Node Debug
- Node.js debugging in VS Code
- 好像有时默认已安装(还是打开过node.js程序,自动装的?)
- 还是基于VS Code的调试方式,即基于插件+launch.json中的调试配置。
- 先在左侧树上展开调试panel,然后新建launch.json,然后在右侧content中新生成的launch.json中的configurations数组中,可以增加一种或多种调试方式的配置(可以手动改改文件,也可以点右下角的Add Configuration...按钮然后选择调试方式,会自动生成其默认配置,并放到launch.json文件中)。
- 可以有多种调试方式
- Launch Program
- 通过启动指定的node.js入口脚本文件来启动调试
- 把launch.json中此方式的脚本段的program配置node.js的入口js文件路径
- Launch via NPM
- 通过npm定义的脚本来启动调试
- 即在npm的package.json的script中定义一条用于调试的启动命令,然后将其名字配在launch.json中此方式的脚本段的runtimeArgs数组(默认有一个run-script,用于调试,不要动,如果自己在package.json中没用默认的名字-debug,那么用其替换数组中的另一个默认的debug)中作为启动命令。
- 如果命令用的是node appname,而这个appname对应的appname.js又不在根目录,那么可以定义成node src/appname或者cd src && node appname
- Attach
- Attach to Process
- Attach to Remote Program
- 需要打开调试端口?
- 其他
- Launch Program
- 步骤
- 进入VS Code左侧树上的Debug标签页
- 在左上角点击下拉菜单中的“Add Configuration...”新建一个Debug配置(选择程序类型,此处为Node.js: Launch Program),即launch.json调试启动配置文件,并自动进入
- 自行修改launch.json中的name值,即当前Debug配置的名称(一个VS Code可以有多个,对应不同的项目或语言环境)
- 自行修改launch.json中的program值,即指定启动文件,对于Node.js服务端程序,一般是app.js的路径,如${workspaceFolder}/tools/MockServer/app.js。
- 然后就可以在左上角选择想要用的Debug Configuration,然后点击绿色的开始箭头按钮就开始Debug调试了(自己在文件中设断点)。
- 其他
- Node.js程序的前端部分也可以在浏览器上调试,比如angular工程也可以有app.js,即前后端代码不分离