WebStorm配置node.js调试

Posted 2020-11-01 尛玥玥

最近因为工作关系，一直在做node.js的开发，学习了koa框架，orm框架sequelize，以及swagger文档的配置。但是，最近因为swagger文档使用了es6的修饰器那么个东西(在java中被称作注解)，所以，node.js无法编译项目，所以就需要使用babel对es6进行转换。因为这篇文章是想写一下，如何配置使用了babel转换器的debug方法，至于怎么配置koa-swagger-decorator，我会在短期内，写篇文章专门来做这个插件的介绍。

其实，node在6版本的时候，已经内置了debugger调试器，所以在webstorm中，只需要点击这里，配置相关node设置就好。具体参加下面实例：

然后选择node.js配置项：

之后就配置Configuration选项卡里的内容就行了，例如：

 

下面简单说明一下，Configuration选项卡中，前四项都代表什么意思：

Node interpreter:这个参数是说使用什么启动程序，默认的是 `node`,

Node parameters:这个是对于node 的启动参数,

Working directory: 项目的路径,

javascript file: 入口文件

 如果没有babel的话，node.js运行以及调试的环境就已经算是搭建完毕，在webstorm只需要点击运行和调试按钮就行了。但是，如果项目中用了es6，一不小心还用了babel转换器，那么这个方法，就不能用了，接下来我会讲一下有babel的话，需要怎么配置。

首先，我们在终端中，先安装node-inspect，而且是安装成全局的，命令为：npm install -g node-inspect。之后打开配置启动项的页面，重新添加一个node.js配置：

注意特别标注的那部分，启动程序不要使用node了，需要换成项目路径下\\node_modules\\.bin\\babel-node.cmd选项，并且，在启动参数那块填写：--inspect-brk app.js，意味着需要使用这个东西来启动调试。都配置好之后，就可以在webstorm中下断点，直接进行调试了。