使用VS Code调试Node.js

  • 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
        • 需要打开调试端口?
      • 其他
  • 步骤
    • 进入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,即前后端代码不分离

posted on 2019-09-03 15:18  碎羽love星谊  阅读(343)  评论(0编辑  收藏  举报

导航