对于使用nodejs进行代码开发,尤其是使用gulp来写脚本构建前端项目,总要进行调试查错,总不能盲人摸象似的进行开发,这样效率会很低下,所以,我们得安装一个node环境下的调试环境。
node-inspector
https://github.com/node-inspector/node-inspector
详细介绍参考readme介绍,总之,使用node-inspector,我们可以在chrome浏览器下,通过websocket来和nodejs进行调试。
安装与配置
npm install -g node-inspector
原本安装的nodejs的环境是6.4版本的,然后死活调用不起来chrome进行调试,console疯狂报错,在github项目上找了issue,发现很多人都是这样的情况。
解决办法:
装个低版本的nodejs环境,这次学乖了装了nodejs LTS版本,4.5.0,切记,装好nodejs环境后还要重新安装node-inspector,不然还是会报错起不来调试,具体原因可以找下node-inspector的issue解释。
启动调试
将cmd切进项目根目录
参考官网调试gulp程序
linux下
$ node-debug $(which gulp) task
windows下
> node-debug %appdata%\npm\node_modules\gulp\bin\gulp.js task
如果不写taskname就是默认是default的task
后来自己试验了一下,按如下形式写也是可以启动调试任务的
node-debug gulp taskname
如果在启动调试的时候一切正常,nodejs控制台没有报错,但是chrome打开了就是一个空白页面,什么也没有输出,多次尝试都是这样的结果,这可能是有些js被广告拦截软件(adblock,adsafe之类的)屏蔽了,chrome控制台不报错也进不了调试去,切记,一定要关闭掉电脑的广告拦截软件,禁用也不行!!!