PHPStorm 2020.1 调试 Nodejs的多种方法详解

捣鼓nodejs的调试时踩了一堆坑，看了看国内好多教程有点年分了，重新记录下

环境就是PHPSTORM2020.1

首先安装nodejs

然后在phpstorm中edit configuration

第一种方法：

Node parameters 不要有任何东西，JS文件和工作目录填自己的

在这里插入图片描述

然后直接Debug：

在这里插入图片描述

需要有最后一句话 Debugger attached，并且调试器显示已经连接

在这里插入图片描述

第二种方法：

Node parameters加上 --inspect 参数（或?Cdebug 见下图），需要另外开一个 Attach to Node.js/Chrome configuration.

在这里插入图片描述

然后Debug将两个都起起来（右上角debug一个后切换再debug）

其中：

在这里插入图片描述

另一个：

在这里插入图片描述

这样是正常的

第三种方法：

使用nodemon：

在这里插入图片描述

在package中加入（有可能直接给了（如上图），这时候直接点旁边的debug就好）

 "scripts": {
  "debug": "nodemon 你的js.js"
 },

去Edit Configuration 中确认无误后 Debug 即可：

在这里插入图片描述