這篇文章給大家分享的是有關(guān)sublime text如何配置node.js調(diào)試的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)是一家專注于網(wǎng)站設(shè)計(jì)制作、成都做網(wǎng)站與策劃設(shè)計(jì),如東網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:如東等地區(qū)。如東做網(wǎng)站價(jià)格咨詢:028-86922220
1. 首先到 nodejs.org 下載 Node.js 安裝包并安裝。
2. 打開 Sublime Text 2 編輯器。選擇菜單 Tools --> Build System --> new Build System...
3. 將文件保存為 JavaScript.sublime-build
4. 文件內(nèi)容為:
{ "cmd": ["node", "$file"], "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)", "selector": "source.javascript" }
5. 重新啟動 Sublime Text 2. 勾選菜單 Tools --> Build System --> JavaScript
6. 可以使用 Ctrl + b 來執(zhí)行JavaScript 程序.
調(diào)試web程序的步驟如下:
1.安裝node-inspectornpm install -g node-inspector
2.安裝完成之后啟動 inspector 服務(wù):node-inspector &
3.在chrome瀏覽器中打開:http://127.0.0.1:8080/?port=5858
4.打開想要debug的js文件例如app.js,在代碼中打上斷點(diǎn):debugger;例如:
5.cmd進(jìn)到項(xiàng)目文件app.js執(zhí)行入口文件:node --debug app.js
6.刷新剛剛打開的瀏覽器:
7.測試:我這個(gè)例子是需要post的,我在postman里面調(diào)這個(gè)接口:
8.打開瀏覽器就看到代碼已經(jīng)進(jìn)入到debuger了,調(diào)試的技巧跟js的基本全部一樣,一步步執(zhí)行即可
9.一步步執(zhí)行之后cmd就會打印console.log()的信息 瀏覽器中也能看到log信息:
感謝各位的閱讀!關(guān)于“sublime text如何配置node.js調(diào)試”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!