sublime text配置node.js調(diào)試(圖文教程)
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. 重新啟動(dòng) Sublime Text 2. 勾選菜單 Tools --> Build System --> JavaScript
6. 可以使用 Ctrl + b 來執(zhí)行JavaScript 程序.
調(diào)試web程序的步驟如下:
1.安裝node-inspectornpm install -g node-inspector
2.安裝完成之后啟動(dòng) 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.測(cè)試:我這個(gè)例子是需要post的,我在postman里面調(diào)這個(gè)接口: 
8.打開瀏覽器就看到代碼已經(jīng)進(jìn)入到debuger了,調(diào)試的技巧跟js的基本全部一樣,一步步執(zhí)行即可
9.一步步執(zhí)行之后cmd就會(huì)打印console.log()的信息
瀏覽器中也能看到log信息: 
以上這篇sublime text配置node.js調(diào)試(圖文教程)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- 詳述 Sublime Text 打開 GBK 格式中文亂碼的解決方法
- 教你使用Sublime text3搭建Python開發(fā)環(huán)境及常用插件安裝另分享Sublime text3最新激活注冊(cè)碼
- Sublime Text3最新激活注冊(cè)碼分享適用2020最新版 親測(cè)可用
- Sublime Text3快捷鍵匯總
- Sublime Text3 配置 NodeJs 環(huán)境的方法
- sublime text 添加到鼠標(biāo)右鍵功能
- 將Sublime Text 3 添加到右鍵中的簡(jiǎn)單方法
- Sublime Text新建.vue模板并高亮(圖文教程)
- Sublime Text 3 實(shí)現(xiàn)C語言代碼的編譯和運(yùn)行(示例講解)
- Sublime Text 打開Java文檔中文亂碼的解決方案
相關(guān)文章
export?default?和?export?的使用方式示例詳解
這篇文章主要介紹了export?default?和?export?的使用方式,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-08-08
Nodejs實(shí)現(xiàn)獲取實(shí)時(shí)數(shù)據(jù)的三種主流方式詳解
這篇文章主要為大家詳細(xì)介紹了Nodejs前端獲取實(shí)時(shí)數(shù)據(jù)的三種主流方式,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-02-02
使用Node.js制作圖片上傳服務(wù)的詳細(xì)教程
在現(xiàn)代 Web 應(yīng)用開發(fā)中,圖片上傳是一項(xiàng)常見且重要的功能,借助 Node.js 強(qiáng)大的生態(tài)系統(tǒng),我們可以輕松搭建高效的圖片上傳服務(wù),本文將深入探討如何使用 Node.js 構(gòu)建一個(gè)功能完備的圖片上傳服務(wù),需要的朋友可以參考下2025-04-04
nodejs獲取微信小程序帶參數(shù)二維碼實(shí)現(xiàn)代碼
這篇文章主要介紹了nodejs獲取微信小程序帶參數(shù)二維碼實(shí)現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下2017-04-04
NodeJS整合銀聯(lián)網(wǎng)關(guān)支付(DEMO)
這篇文章主要介紹了NodeJS整合銀聯(lián)網(wǎng)關(guān)支付DEMO的相關(guān)資料非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2016-11-11

