3Node.js 调试指南：WebStorm、VSCode 和 Chrome 调试方法详解

一. webstorm的调试方式

• 打开run - Edit Configurations，添加配置项，具体参考下图

• 然后点击断点，执行debugger，就可以出现断的效果，需要注意断点的那一行没有执行

• 如果想要让这一行执行就点击step over或者f8，step over就是执行这一行的意思，

• 点了之后就可以看到list数组

• 如果想要查看其它变量，可以点击加号

• 想要进入这个函数可以使用step into，和 step out， 如果step into 之后再step out，停留在外面的那一行肯定是执行完的

• 每次调试让用户输入参数，add $Prompt$

二. vscode如何调试node.js

• 点击虫子icon

• 进行配置，注意修改name, program，以及添加args

{
  // 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": "cli Add Task",
      "skipFiles": [
        "<node_internals>/**"
      ], 
      "program": "${workspaceFolder}/cli.js",
      "args": ["add", "task", "100"]
    }
  ]
}

• 打断点之类的功能基本和webstorm差不多，这里就不详细赘述了，参考下图

三. 命令行和Chrome调试Node.js

• 命令行直接运行

node --inspect-brk  cli.js add task 200

• 然后打开任意网页的调试器，点击node的标志

• 这样子之后就可以在浏览器上打断点