這篇文章將為大家詳細(xì)講解有關(guān)如何使用Node.js+DevTools快速調(diào)試應(yīng)用程序，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)專注于江陵網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供江陵?duì)I銷型網(wǎng)站建設(shè)，江陵網(wǎng)站制作、江陵網(wǎng)頁設(shè)計(jì)、江陵網(wǎng)站官網(wǎng)定制、重慶小程序開發(fā)服務(wù)，打造江陵網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供江陵網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

在做一些Node相關(guān)的開發(fā)的時(shí)候我們經(jīng)常將、通過Console來將變量的內(nèi)容輸出到控制臺來進(jìn)行查看，簡單的數(shù)據(jù)查看起來還是可以的，但當(dāng)我們遇到比較大的對象，屬性函數(shù)等掛載的很多有可能控制臺會展示不開，甚至內(nèi)容被沖掉了，嚴(yán)重妨礙了我們的開發(fā)效率，今天我們將通過使用node-nightly來讓我們在Chrome中便捷的進(jìn)行調(diào)試，查看我們的對象和輸出日志。

我們通過webpack的一個(gè)簡單演示插件來看一下效果

準(zhǔn)備node-nightly：

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

• 執(zhí)行node-nightly：node-nightly。

啟動入口腳本：

• 通過node-nightly執(zhí)行入口腳本：node-nightly --inspect-brk ./node_modules/webpack/bin/webpack.js，腳本將在第一條語句處斷開，等待操作。

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

• 進(jìn)入inspect：

• 腳本處于等待狀態(tài)：

• 在source中添加當(dāng)前node項(xiàng)目的工作空間，后續(xù)我們就可以按原來在chrome中調(diào)試JavaScript一樣來操作了。

Console中的信息也打印出來了

補(bǔ)充說明

• 往往我們的webpack的配置文件會區(qū)分不同的環(huán)境進(jìn)行特殊的配置，node-nightly同樣允許我們在執(zhí)行的命令后增加配置如：--config webpack.prod.js。

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

• 如果node-nightly在運(yùn)行時(shí)不正常，我們可以安裝指定版本：node-nightly --version {version}或安裝最新安排：node-nightly --upgrade進(jìn)行嘗試修復(fù)問題

關(guān)于“如何使用Node.js+DevTools快速調(diào)試應(yīng)用程序”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯(cuò)，請把它分享出去讓更多的人看到。