快捷使用Node Inspector調試NodeJS

一:介紹html

NodeJS開發有不少種調試方式,好比輸出Log、WebStorm自帶的調試器、Node Inspector等,其中Node Inspector是比較流行和被推薦的一種。node

可是Node Inspector調試流程比較繁瑣,須要同時打開兩個控制檯執行命令,並要打開Chrome瀏覽器,把控制檯的輸出結果URL複製粘貼到Chrome中才能調試,而且調試完後須要手動的關掉控制檯命令框。chrome

本文就是介紹如何簡單、方便、快捷的使用Node Inspector調試NodeJS. 若是你還不會使用Node Inspector,請參見三npm

 

二:快捷使用方法(若是你還不會使用Node Inspector,請參見三)windows

快捷使用Node Inspector的原理是經過調用Bat腳本,讓它自動的執行命令,免去咱們手動操做的麻煩。具體步驟以下:瀏覽器

1. 新建debug.bat文件。此bat文件作得工做有:app

    • 啓動node項目的調試
    • 啓動node inspector
    • 啓動Chrome並自動導航到調試地址。

代碼以下:  server.js爲你的項目啓動的入口,port 5858爲默認node-inspector使用的端口工具

start cmd /k node --debug C:\Work\Code\Exercises\Web\server.js

start cmd /k node-inspector &

start chrome "http://127.0.0.1:8080/debug?port=5858"

 

2. 新建stop.bat文件。此bat作的工做是自動關閉調試時打開的兩個控制檯命令窗。代碼以下:開發工具

taskkill /IM cmd.exe /FI "WINDOWTITLE eq C:\windows\system32\cmd.exe - node*"

 

3. 開始調試。WebStorm裏輸入debug,將會自動調用debug.bat命令啓動調試,輸入stop自動調用stop.bat中止調試。其餘的開發工具原理一致。注意:Debug.bat和stop.bat路徑要放在命令執行的當前目錄下。spa

 

 三:Node Inspector使用方法

  引自:http://jingyan.baidu.com/article/dca1fa6fbd580ff1a44052de.html

  1. 使用命令$ npm install -g node-inspector 安裝。安裝後就能夠使用了。以後在命令行中執行「node --debug app2.js」。app2.js爲你須要調試的程序的名稱。

     
     
  2. 接着再打開一個命令窗口,執行命令「node-inspector &」。執行成功後會顯示一個地址,使用瀏覽器打開這個地址,瀏覽器須要是Chrome。
     
     
  3. 將打開連接後,能夠看到調試工具已經加載代碼了,在須要設置的地方點擊就能夠。設置斷點的地方在右邊會自動加載斷點列表。
     
     
  4. 接着在chrome中再打開一個頁籤,打開你須要調試的頁面。執行你須要的操做,當執行到設置斷點的時候,頁面會暫停加載,點擊回到原來的node-inspector頁面,能夠看到調試的信息。
     
     
  5. 把鼠標移動到源碼斷點的位置上也能夠看到變量的信息。
     
     
  6. 在調試工具的右邊也提供了一些調試功能,單步進入,取消斷點等功能。
     
     
     
  7.  

    經過以上功能的使用,咱們就能夠比較方便的調試咱們的node.js程序了。 

相關文章
相關標籤/搜索