nodejs、gulp调试工具node-inspector使用

俗话说欲善其功,必先利其器。

作为目前新型的Web Server开发栈倍受开发者关注的Nodejs来说,调试技术是学习开发的基石,所以对于开始学习Nodejs童鞋来说,Nodejs的调试工具使用是必不可少的,总的来说Nodejs的调试方法主要分类三类:

1、基于Nodejs内建的调试器

2、基于V8调试插件

3、基于Chrome浏览器的调试器。

至于使用哪一个作为Nodejs的调试工具,就要看你的选择了,作为一个用惯了chrome调试前端工程的前端开发人员来说,我还是倾向于基于Chrome浏览器的调试器,今天主要是介绍的也是基于Chrome浏览器的nodejs调试器node-inspector(文档地址:https://github.com/node-inspector/node-inspector ),废话不多说,直接进入如何使用node-inspector的正题。

首先我们需要先通过npm来安装node-inspector

npm install -g node-inspector  // -g 导入安装路径到环境变量

node-inspector是通过websocket方式来转向debug输入输出的。因此,我们在调试前要先启动node-inspector来监听Nodejs的debug调试端口。

node-inspector

默认情况下node-inspector的端口是8080,可以通过参数--web-port=[port]来设置端口。在启动node-inpspector之后,我们可以通过--debug或--debug-brk来启动nodejs程序

Nodejs 调试

下面以一个E盘下的一个app.js为例子,展示下如何使用node-inspector调试Nodejs程序

首先定位到app.js位置 输入

Node-debug app.js

回车后自动打开的chrome调试界面:

Gulp任务调试

下面以E盘下的一个gulpfile.js文件为例,展示下如何使用node-inspector调试gulp任务,当然前提是要先安装好gulp了。

Gulp 代码

var gulp = require(‘gulp‘); 

gulp.task(‘mytest‘, function() {
  debugger;
});

同Nodejs调试一样首先定位到gulpfile.js文件位置 输入

Node-debug gulp mytest

回车后自动打开的chrome调试界面:

怎么样node-inspector是不是很方便,不过如果有更好用的调试工具,欢迎大家留言推荐哦!

时间: 2024-10-21 09:22:55

nodejs、gulp调试工具node-inspector使用的相关文章

nodejs 使用Google浏览器进行可视化调试——Node Inspector工具

1.npm安装Node Inspector工具,全局安装 命令行执行npm install -g node-inspector 2.启动Node Inspector工具,命令行执行 node-inspector 3.新开一个窗口使用--debug或者--debug-brk执行程序,例如node --debug app.js 4.google浏览器输入localhost:8080/debug?port=5858,进入调试界面 5.新开窗口正常访问程序,取决于第三步中的服务端口.

《nodejs+gulp+webpack基础实战篇》课程笔记(四)-- 实战演练

一.用gulp 构建前端页面(1)---静态构建 npm install gulp-template --save-dev 通过这个插件,我们可以像写后台模板(譬如PHP)一样写前端页面.我们首先学习一下写法. 现在我们创建一个新任务:创建一个裸的index.html文件,然后在body里面写上 ,我的年龄是:<%= age %> 下载好gulp-template,我们引用并配置 var gulp_tpl = require("gulp-template"); gp.tas

《nodejs+gulp+webpack基础实战篇》课程笔记(六)--附加课

一.多页面分离资源引用,按需引用JS和css 我们前面实现了以下功能:1.新建了一个login模版(用到htmlWebpackPlugin).2.分别把main.js和login.js.reg.js分开写.3.学习了css加载器.我们通过webpack可以打包js文件.自动注入js和CSS引用. 那么我们要加载多页面如何操作呢?现在我们就在/src/tpl 文件夹下新件一个index.html文件,在CSS加入index.css,随便写两个样式,然后在/src/下新建一个index.js,随便写

nodejs学习四 Node.js NPM

什么是NPM? 不知道大家注意没有,windows平台下的Node.js安装包大小才区区4M多,真可以用短小精悍来形容它,作为一种编程语言,像java一个SDK 就几十M,为什么node.js的运行环境这么小呢?这其中的微妙之处在于,它拥有一个庞大的第三方软件库. 在Node本身提供的包(原生)中没有我们要实现的功能模块的时候,我们可以去寻找下是否已经有人实现了这种功能.毕竟重复造轮子这种事情,很多人都不想干. 去哪里寻找我们想要的包呢?如果你还不知道报的名字,你可以去https://www.n

《nodejs+gulp+webpack基础实战篇》课程笔记(七)--利用gulp自动完成配置&quot;吐&quot;给webpack执行

首先,我们利用gulp将入口文件自动化.我们参考该课程的规则,对文件需要成为入口的文件进行一个归类和整理. 首先,我们已经建立了SRC文件夹.在SRC文件下,创建一个主文件夹叫modules.同事创建几个子文件夹,创建的基本规则是:文件夹名就代表了我们的入口节点名. (此图仅供参考,文件夹名与文件名可自定义) 然后我们来到gulpfile.js,写入一个任务,在gulpfile中遍历modules文件夹里的文件夹和子文件(为了演示方便,我们默认遍历2级.第一级必须是文件夹名.第二级必须是js文件

node-debug 三法三例之node debugger + node inspector

文档地址 http://i5ting.github.io/node-debug-tutorial 3种方法 node debugger( 已发布视频,已更新gitpage上,需要下载 ) node inspector( 已发布视频,已更新gitpage上,需要下载 ) 测试驱动开发(todo)

《nodejs+gulp+webpack基础实战篇》课程笔记(八)--模板化开发演练:分离公共头文件

还是先来安装本课需要的插件: npm install raw-loader --save-dev //示例:var header = require("xxx.html");就会把html的内容读取出来 这是一个webpack加载器,可以把文件原样返回为字符串. 这里补充下使用加载器的两种方法: 1.在我们的webpack配置文件中写上 {test:/\.html$/,loader:"加载器名称"} //这代表所有html后缀均会使用这个加载器来处理 2.在requ

《nodejs+gulp+webpack基础实战篇》课程笔记(三)--webpack篇

webpack引入 前面我们简单学习了gulp,这时一个前端构建框架---webpack产生了(模块打包) 它能帮我们把本来需要在服务端运行的JS代码,通过模块的引用和依赖打包成前端可用的静态文件.(这里有需要了解一下CommonJS规范,具体请自行查看http://commonjs.org). 安装webpack: npm install -g wabpack //这里我们采用全局安装,保证每个项目中都能使用到 设置配置文件:  在项目目录下,新建一个webpack.config.js文件 m

nodejs安装错误Node.js configure error: No acceptable C compiler found!解决

Node.js configure error: No acceptable C compiler found! Please make sure you have a C compiler installed on your system and/or consider adjusting the CC environment variable if you installed it in a non-standard prefix. 检查两点: 1.你是否有C编译工具被安装在你的系统中,gc