用 chrome 调试 node.js 代码

Posted 2020-10-16 布尔-

1.全局安装 node-inspector 

cnpm install -g node-inspector

2.启动 node 项目入口文件，如

node --inspect index.js

3.控制台将出现如下地址字样，将后面的路径放到 chrome 中打开。

Debugger listening on ws://{host}:{port}/8483d157-1020-49ac-b537-4

4.在 chrome 中看到如下页面，右键检查，调试页面就出来了，再点击图中的红圈图标，出来最终的调试界面，这时就可以开始调试了。

　　

5.在浏览器中访问开启的 node 接口

　　

6.如下图，接收到前端访问 /hello 接口时带过来的参数

　　

 

　　ps: 如果不想每次都敲 node --inspect index.js 来启动调试，可以将它配置在 npm 的 scripts 入口中，如下图，我配置了两个入口，这样以后直接cnpm test 就可以开启调试，cnpm start 就是启动项目，感觉操作更为比较方便。

　　

　　对于 test，start 是两个特殊的启动命令。完整对应写法应该是 cnpm run test，cnpm run start。