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

来源:http://www.cnblogs.com/qianlitiaotiao/archive/2016/06/02/5554691.html
-Advertisement-
Play Games

俗話說欲善其功,必先利其器。 作為目前新型的Web Server開發棧倍受開發者關註的Nodejs來說,調試技術是學習開發的基石,所以對於開始學習Nodejs童鞋來說,Nodejs的調試工具使用是必不可少的,總的來說Nodejs的調試方法主要分類三類: 1、基於Nodejs內建的調試器 2、基於V8 ...


  

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

作為目前新型的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來監聽Nodejsdebug調試埠。 

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

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • javascript輸出: javascript通過不同的方式來顯示數據: (1)windows.alert()彈出警告框; (2)document.write()將方法寫入HTML文檔中; (3)innerHTML寫入到HTML元素; ...
  • Google的 Chrome實驗室收集了很多讓人難以置信的基於 HTML5 Canvas 和 JavaScript 的實驗項目,裡面的例子都很獨特,讓人驚嘆。我從未想過結合 HTML 和 JavaScript 能實現這麼強大的效果。今天,本文與大家分享其中9個很棒的例子,為了有更好的效果,建議在Ch ...
  • <script type="text/javascript"> //jquery判斷瀏覽器信息 $(function(){ var bro=$.browser;//獲取瀏覽器用戶代理信息; var bro_msie=bro.msie;//判斷是否為ie瀏覽器,假如為ie瀏覽器就返回:true,否則返 ...
  • 接觸javascript很久了,每次理解閉包都似是而非,最近在找Web前端的工作,所以需要把基礎夯實一下。 本文是參照了joy_lee的博客 閉包 在她這篇博客的基礎上以批註的形式力爭把我的理解闡述出來,如果有不當之處,歡迎批評指正。 《高級程式設計》上,這樣說:當在函數內部定義了其他函數時候,就創 ...
  • 渲染應該從最開始當頁面佈局被定義時就進行優化,樣式和腳本在頁面渲染中扮演著非常重要的角色。專業人員知道一些技巧以避免一些性能問題。 這篇文章不會深入研究瀏覽器的技術細節,而是提供一些通用的原則。不同瀏覽器引擎工作原理不同,這就使特定瀏覽器的學習更加複雜。 瀏覽器是怎樣渲染一個頁面的? 我們從瀏覽器渲 ...
  • 註釋還是相當清晰的 純手打,有錯請提出。致敬默默同學! ...
  • 在實際開發中,jQuery的實踐性非常強大。上一篇本人已經整理出了一部分基礎知識點,該文即是對以上的補充和擴展。 1、表單值的操作 2、屬性操作 3、特性操作 【註意】checked、selected、disabled要使用.prop()方法。 prop方法通常用來影響DOM元素的動態狀態,而不是改 ...
  • 今天朋友共用了一道js中經典的面試題,需求是這樣的 給定你任意一個字元串,讓你寫出一個演算法,求算出該字元串中出現次數最多的一個字元,並將其結果輸出 剛拿到這道題的第一感覺便是定義一個count計時器,然後通過for迴圈 裡面嵌套if判斷,但是這樣的話貌似並不是一個很好的解決方案 因為你並不知道該字元 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...