VsCode 中的断点调试

VsCode 中的断点调试

【前提条件】 MacOS 和 node环境下

1.点击vscode左侧的debug按钮；
2.出现调试的菜单栏之后点击运行和调试下拉菜单
3.选中相应的工作区之后添加配置
4.出现相应的json配置文件，点击右下方的添加配置按钮
5.选择相应的调试环境（一般nuxt层的调试选择 Nodejs:Attach）

{
  // 使用 IntelliSense 了解相关属性。 
  // 悬停以查看现有属性的描述。
  // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Attach",
      "port": 9229,
      "request": "attach",
      "skipFiles": [
        "<node_internals>/**"
      ],
      "type": "pwa-node"
    }

  
  
  ]
}

6.保存好之后，在终端中启动相应的项目
7.在代码左侧的数字栏目里边点击，出现小红点则已经标注断点
8.重新运行项目，即可实现断点的调试\

【备注】
1.如果node层的代码发生了变化的话，就要重新启动相应的项目
2.不仅如此也要重新添操作一遍vscode断点调试操作[步骤2—步骤5]，添加新的配置文件
3.启动项目的时候需要加入 --inspect ,否则无法开启断点调试

sudo node --inspect www