node.js调试入门

1-1 Inspector 介绍

git bash 常用命令

• mkdir test 新建文件夹
• cd test 进入文件夹
• cd ../ 进入父级文件夹
• ls 列出当前文件夹下的文件和文件夹
• code 当前目录下的文件夹名 可通过vsCode自带的一个全局变量code打开对应的项目

VS Code进行断点调试

快捷键F5启动一个websocket服务进行调试，会在调试控制台打印：

D:\Program Files\nodejs\node.exe --inspect-brk=24775 app.js
Debugger listening on ws://127.0.0.1:24775/6cc7bcf1-c9fc-4f58-a819-2dd38e9fb9bf
For help, see: https://nodejs.org/en/docs/inspector

对应的 http 服务为：http://127.0.0.1:24775 在后面加上 json 即可查看对应的元信息 http://127.0.0.1:24775/json

1-2 激活调试

node --inspect app.js 运行时添加 --inspect 即可激活调试

使用express搭建一个服务启动调试

1. npm init 初始化一个包管理器并指定入口文件（app.js）
2. npm install express --save 安装express模块
3. 在入口文件app.js中书写服务代码

const express = require('express')
const app = express()

app.get('/', (req, res) => {
  res.send('hello world !')
})

app.listen('3000', () => {
  console.log('程序运行在3000端口')
})

4. node --inspect app.js 运行命令即可启动调试

注意：需要设置VSCode，设置里搜索attach，将 Debug › Node: Auto Attach 的值改为 on 即可

1-3~4 调试客户端-chrome devtools

启动调试客户端

• 法一：

1. chrome浏览器中输入chrome://inspect
2. 选择 Devices
3. 点击 Configure... 配置好点 Done
4. 然后点击Target下的 inspect 即可

• 法二：
  直接在浏览器中访问元信息中的 devtoolsFrontendUrl 也可打开
  查看元信息

• 法三：
  打开浏览器开发者工具，点击左上角的绿色图标进入

• 法四：
  使用 VSCode 的调试功能

1-5 调试客户端 vscode

• 启动方式：快捷键F5
• 配置：launch.json
• node 中打印参数列表：console.log(process.argv)

1-6 命令行参数介绍

• 官方文档

本作品系原创 采用《署名-非商业性使用-禁止演绎4.0 国际》许可协议