Node全解04调试工具

调试工具

WebStorm

  • 打开一个项目目录
  • 点击工具栏 Run
  • Edit Configurations
  • 点击 “+”
  • 然后配置你的测试配置
    • Name 你这个配置的名称
    • Node interpreter node环境
    • Wroking directory: 工作目录
    • JavaScript file: 测试的文件 xxx.js
    • Application parameters: 输入的参数
  • 点击OK
  • 再次点击 Run 子菜单里会多了一个 你刚刚的配置
    • Run xxx 直接运行
    • debug xxx 设置断点运行

VS Code

  • 侧边栏点击 小虫子那个按钮
  • 点击 启动程序 ， 如果没反应 点击它右边有个 控制台的按钮

  • 会让你配置一个 json

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    {
        // Use IntelliSense to learn about possible attributes.
        // Hover to view descriptions of existing attributes.
        // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
        "version": "0.2.0",
        "configurations": [
            {
                "type": "node",
                "request": "launch",
                // 启动程序
                "name": "Launch Program",
                "skipFiles": [
                    "<node_internals>/**"
                ],
                // 入口文件
                "program": "${workspaceFolder}/cli.js",
                "args": ["add", "task", "100"]

            }
        ]
    }

  • 再次点击运行按钮

命令行 + Chrome 断点

第一种方式： 你可以在 js文件 添加 debugger 运行时就会停在当前行

第二种方式： 终端添加参数 --inspect-brk

1
2
3
4
5
// 你原来是这样
node cli.js add abc

// 现在你这样,它就会停下来等你
node --inspect-brk cli.js add abc
  • 运行上述命令后，打开 Chrome 右键调试
  • 你会看到弹出的工具栏 左上角 多了一个绿色 的 Node.js 图标 点击即可
  • 注意！ 如果你直接添加的命令是 --inspect 它会直接执行 不停下来 ，所以要加 -brk 它就会等你连接