如何使用Node.js+DevTools快速調(diào)試應(yīng)用程序

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

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

在做一些Node相關(guān)的開發(fā)的時候我們經(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的一個簡單演示插件來看一下效果

準(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)行時不正常，我們可以安裝指定版本：node-nightly --version {version}或安裝最新安排：node-nightly --upgrade進(jìn)行嘗試修復(fù)問題

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

文章題目：如何使用Node.js+DevTools快速調(diào)試應(yīng)用程序
路徑分享：http://bm7419.com/article16/jjsidg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、靜態(tài)網(wǎng)站、網(wǎng)站內(nèi)鏈、網(wǎng)站維護(hù)、網(wǎng)站策劃、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)