nodejs、gulp調試工具node-inspector使用

  

俗話說欲善其功,必先利其器。前端

做爲目前新型的Web Server開發棧倍受開發者關注的Nodejs來講,調試技術是學習開發的基石,因此對於開始學習Nodejs童鞋來講,Nodejs的調試工具使用是必不可少的,總的來講Nodejs的調試方法主要分類三類:node

一、基於Nodejs內建的調試器git

二、基於V8調試插件github

三、基於Chrome瀏覽器的調試器web

至於使用哪個做爲Nodejs的調試工具,就要看你的選擇了,做爲一個用慣了chrome調試前端工程的前端開發人員來講,我仍是傾向於基於Chrome瀏覽器的調試器,今天主要是介紹的也是基於Chrome瀏覽器的nodejs調試器node-inspector(文檔地址:https://github.com/node-inspector/node-inspector  ),廢話很少說,直接進入如何使用node-inspector的正題 chrome

首先咱們須要先經過npm來安裝node-inspectornpm

npm install -g node-inspector  // -g 導入安裝路徑到環境變量

node-inspector是經過websocket方式來轉向debug輸入輸出的。所以,咱們在調試前要先啓動node-inspector來監聽Nodejsdebug調試端口。 gulp

node-inspector

默認狀況下node-inspector的端口是8080,能夠經過參數--web-port=[port]來設置端口。在啓動node-inpspector以後,咱們能夠經過--debug--debug-brk來啓動nodejs程序瀏覽器

Nodejs 調試

下面以一個E盤下的一個app.js爲例子,展現下如何使用node-inspector調試Nodejs程序websocket

首先定位到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是否是很方便,不過若是有更好用的調試工具,歡迎你們留言推薦哦!

相關文章
相關標籤/搜索