怎麼使用Node.js+DevTools快速偵錯應用程式？

怎麼加速偵錯 Node.js 應用程式？以下這篇文章帶大家了解一下使用 DevTools 加速調試 Node.js 應用程式的方法，希望對大家有幫助！

在做一些Node相關的開發的時候我們經常將、透過Console來將變數的內容輸出到控制台來進行查看，簡單的數據查看起來還是可以的，但當我們遇到比較大的對象，屬性函數等掛載的很多有可能控制台會展示不開，甚至內容被沖掉了，嚴重妨礙了我們的開發效率，今天我們將透過使用node-nightly#來讓我們在Chrome中便捷的進行調試，查看我們的物件和輸出日誌。

【推薦學習：《nodejs 教學》】

#我們透過webpack的一個簡單示範外掛程式來看一下效果

準備node-nightly：

• #安裝node-nightly： npm install --global node-nightly。

• 執行node-nightly：node-nightly。

啟動入口腳本：

• #透過node-nightly執行入口腳本：node-nightly --inspect-brk ./node_modules/webpack/bin/webpack.js，腳本會在第一條語句處斷開，等待操作。

• 輸入chrome://inspect開啟Chrome Inspect。

• 進入inspect：

• 腳本處於等待狀態：

• 在source中加入目前node專案的工作空間，後續我們就可以按原來在chrome中調試JavaScript一樣來操作了。

#Console中的資訊也印出來了

補充說明

• 往往我們的webpack的設定檔會區分不同的環境進行特殊的配置，node -nightly同樣允許我們在執行的指令後增加設定如：--config webpack.prod.js。

• 調試我們的其他簡單的Node單一腳本將更加簡單，大家可以嘗試一下。

• 如果node-nightly在執行時不正常，我們可以安裝指定版本：node-nightly --version {version}或安裝最新安排：node-nightly --upgrade進行嘗試修復問題

更多程式相關知識，請造訪：程式設計影片！ ！

以上是怎麼使用Node.js+DevTools快速偵錯應用程式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！