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是不是很方便，不過如果有更好用的調試工具，歡迎大家留言推薦哦！