1. 云栖社区>
  2. 博客列表>
  3. 正文

chrome下的Grunt插件断点调试——基于node-inspector

程序猿小卡 2016-04-29 15:52:37 浏览775 评论0

调试 grunt, debug, breakpoint, 断点,

摘要: 之前调试grunt插件时,都是通过人肉打log来调试。不仅效率低,而且会产生一堆无用的代码。于是简单google了下node断点调试的方法,总结了下。 借助node-inspector,我们可以通过Chrome浏览器的调试工具来调试。

之前调试grunt插件时,都是通过人肉打log来调试。不仅效率低,而且会产生一堆无用的代码。于是简单google了下node断点调试的方法,总结了下。

借助node-inspector,我们可以通过Chrome浏览器的调试工具来调试。

一、安装node-inspector

npm install -g node-inspector

 

二、监听Nodejs的debug调试端口

node-inspector &

见到输出下面log,http://127.0.0.1:8080/debug?port=5858 很关键,后面我们会用到

[1] 2123
casperchenMacBookPro:demo casperchen$ Node Inspector v0.6.1
   info  - socket.io started
Visit http://127.0.0.1:8080/debug?port=5858 to start debugging.

三、调试grunt任务

输入如下命令,将task替换成你要运行的命令

node --debug-brk $(which grunt) task

得到如下输出,说明grunt已经进入调试模式

debugger listening on port 5858

将上一步的http://127.0.0.1:8080/debug?port=5858帖到地址栏,回车,如果你看到下面场景,恭喜~

Alt text

 

补充:2014.02.12

三、windows下调试 

之前写这篇博文是在mac上做的调试,当回到公司日常开发用的机器上就傻眼了,因为用的是windows系统。瞎倒腾了一下,改成下面命令也勉强可用

"c:\Program Files\nodejs\node.exe" --debug-brk C:\Users\casperchen\AppData\Roaming\npm\node_modules\grunt-cli\bin\grunt task

简单介绍下上面的命令,由于对dos命令是睁眼瞎,求路过的兄弟优化~

复制代码
"c:\Program Files\nodejs\node.exe" # node的安装路径

--debug-brk # 表示要进入调试模式,且在第一行断点

C:\Users\casperchen\AppData\Roaming\npm\node_modules\grunt-cli\bin\grunt # grunt的安装路径

task # grunt路径
复制代码

 

版权声明:本文内容由互联网用户自发贡献,版权归作者所有,本社区不拥有所有权,也不承担相关法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件至:yqgroup@service.aliyun.com 进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容。

用云栖社区APP,舒服~

【云栖快讯】中办国办印发《推进互联网协议第六版(IPv6)规模部署行动计划》加快推进基于 IPv6 的下一代互联网规模部署,计划指出2025年末中国 IPv6 规模要达到世界第一,阿里云也第一时间宣布了将全面提供IPv6服务,那么在全面部署 IPV6 前,你需要了解都在这儿  详情请点击

网友评论