欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

WebStorm配置node.js调试

程序员文章站 2022-03-06 10:28:56
最近因为工作关系,一直在做node.js的开发,学习了koa框架,orm框架sequelize,以及swagger文档的配置。但是,最近因为swagger文档使用了es6的修饰器那么个东西(在java中被称作注解),所以,node.js无法编译项目,所以就需要使用babel对es6进行转换。因为这篇 ......

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

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

WebStorm配置node.js调试

然后选择node.js配置项:

WebStorm配置node.js调试

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

WebStorm配置node.js调试

 

下面简单说明一下,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配置:

WebStorm配置node.js调试

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