sublime text配置node.js調(diào)試(圖文教程)

更新時(shí)間：2017年11月23日 08:46:55 作者：快樂地編程

下面小編就為大家分享一篇sublime text配置node.js調(diào)試(圖文教程)，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧

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.測試：我這個(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)試(圖文教程)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Sublime Text3 配置 NodeJs 環(huán)境的方法
大家都知道，Sublime Text 安裝插件一般從 Package Control 中直接安裝即可，當(dāng)我安裝 node js 插件時(shí)候，直接通過Package Control 安裝，雖然插件安裝成功了，但是找不到配置文件 Nodejs.sublime-build 來更改一些配置
2020-05-05
Node.js 使用AngularJS的方法示例
這篇文章主要介紹了Node.js 使用AngularJS的方法示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-05-05
yarn的使用與升級Node.js的方法詳解
這篇文章主要給大家介紹了關(guān)于yarn的使用與利用yarn升級Node.js的方法，文中介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。
2017-06-06
Node.js實(shí)現(xiàn)的簡易網(wǎng)頁抓取功能示例
這篇文章主要介紹了Node.js實(shí)現(xiàn)的簡易網(wǎng)頁抓取功能示例,本文使用了PhantomJS、node-phantomjs等庫實(shí)現(xiàn),需要的朋友可以參考下
2014-12-12
使用node.js半年來總結(jié)的 10 條經(jīng)驗(yàn)
從3月初來到帝都某創(chuàng)業(yè)公司的服務(wù)器團(tuán)隊(duì)實(shí)習(xí)，到現(xiàn)在已接近半年的時(shí)間。PS: 已轉(zhuǎn)正，服務(wù)器端用的 Node。
2014-08-08
在Linux上用forever實(shí)現(xiàn)Node.js項(xiàng)目自啟動(dòng)
在一臺(tái)計(jì)算機(jī)上手動(dòng)跑Node項(xiàng)目簡單，node xx.js就搞定了，想讓Node項(xiàng)目后臺(tái)運(yùn)行，雖然不能直接用node命令搞定，但是在安裝了forever這個(gè)包以后，還是很輕松的。不過要是在遠(yuǎn)程服務(wù)器上構(gòu)建Node項(xiàng)目，如果沒法自啟動(dòng)，一旦服務(wù)器重啟，那就麻煩了。
2014-07-07
node中IO以及定時(shí)器優(yōu)先級詳解
這篇文章主要給大家介紹了關(guān)于node中IO以及定時(shí)器優(yōu)先級的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用node具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
2019-05-05
快速掌握Node.js之Window下配置NodeJs環(huán)境
快速掌握Node.js之Window下配置NodeJs環(huán)境，如何在Window下快速配置NodeJs環(huán)境，感興趣的小伙伴們可以參考一下
2016-03-03
npm報(bào)錯(cuò)"A?complete?log?of?this?run?can?be?found?
這篇文章主要給大家介紹了關(guān)于npm報(bào)錯(cuò)"A?complete?log?of?this?run?can?be?found?in:"的解決辦法,文中通過實(shí)例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2023-04-04
使用node打造自己的命令行工具方法教程
這篇文章主要介紹了使用node打造自己的命令行工具方法教程，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-03-03