关于前端:vscode中断点调试nodejs实用方便

前言

在平时前端开发时，前端代码在浏览器上能很不便的断点调试，那么如果要调试 node 后端接口的话，该如何实现断点调试呢？

配置

1. vscode 关上 node 我的项目点击左侧调试按钮
   
2. 点击 Run and Debug
   
3. 抉择语言为 nodejs
   
4. 点击设置按钮增加配置
   
5. 更改 lanuch.json 配置文件
   

6. 增加本人的我的项目启动脚本文件和配置

   {
       // 应用 IntelliSense 理解相干属性。// 悬停以查看现有属性的形容。// 欲了解更多信息，请拜访: https://go.microsoft.com/fwlink/?linkid=830387
       "version": "0.2.0",
       "configurations": [
           {
               "type": "node",
               "request": "launch",
               "name": "启动程序",
               "env": {"NODE_ENV": "development"},
               "program": "${workspaceFolder}/bin/www"
           }
       ]
   }
   //program 这个是我本人的 node 我的项目的启动文件 

1. 再次点击断点调试按钮启动断点调试
   
2. 间接点击启动程序启动断点调试
   
3. 间接在代码左侧须要断点的地位打个断点标记，执行办法是会主动登程断点
   
4. 而后通过下面的调试按钮一步步断点
   
5. 鼠标悬浮还能够看到断点的数据
   
6. 当然也可在 debug console 控制台输入断点数据的后果 相当于浏览器断点是的 console 控制台
   
7. 如果要完结断点间接点击下面的暂停键
   
8. 以上就是整个 vscode 断点配置和断点调试的教程