sublime text配置node.js調試

来源:http://www.cnblogs.com/klsw/archive/2017/11/22/7881823.html
-Advertisement-
Play Games

1.安裝node-inspector npm install -g node-inspector 2.安裝完成之後啟動 inspector 服務: node-inspector & 3.在chrome瀏覽器中打開:http://127.0.0.1:8080/?port=5858 4.打開想要debu ...


1. 首先到 nodejs.org 下載 Node.js 安裝包並安裝。
2. 打開 Sublime Text 2 編輯器。選擇菜單 Tools --> Build System --> new Build System...
3. 將文件保存為 JavaScript.sublime-build
4. 文件內容為:
{
"cmd": ["node", "$file"],
"file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
"selector": "source.javascript"
}

5. 重新啟動 Sublime Text 2. 勾選菜單 Tools --> Build System --> JavaScript
6. 可以使用 Ctrl + b 來執行JavaScript 程式.

調試web程式的步驟如下:

1.安裝node-inspector

npm install -g node-inspector

2.安裝完成之後啟動 inspector 服務:

node-inspector &

 


3.在chrome瀏覽器中打開:http://127.0.0.1:8080/?port=5858

4.打開想要debug的js文件例如app.js,在代碼中打上斷點:debugger;例如:

 


 

5.cmd進到項目文件app.js執行入口文件:node --debug app.js

 


6.刷新剛剛打開的瀏覽器:

 


 

7.測試:我這個例子是需要post的,我在postman裡面調這個介面:

 


8.打開瀏覽器就看到代碼已經進入到debuger了,調試的技巧跟js的基本全部一樣,一步步執行即可

 


 

9.一步步執行之後cmd就會列印console.log()的信息

 


瀏覽器中也能看到log信息:

 



您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 初始化時分支,也稱載入時分支是一種優化模式,當知道某個條件在整個程式生命周期內不會發生改變的時候,進隊該條件測試一次是很有意義的。 以事件監聽代碼為例: 以上代碼的問題在於效率比較低下,每次在調用addListener()或removeListener()時,都會重覆地執行相同的檢查 當使用初始化時 ...
  • input:focus{color:blue}//游標顏色 input{ text-shadow: 0px 0px 0px red;//文字顏色 -webkit-text-fill-color: transparent; } ...
  • 學習重點: 1、熟悉HTML4定義的格式化文本標簽; 2、掌握HTML5新增的文本標簽; 3、正確選用標簽設計網頁文本信息。 4.1 使用文本標簽 4.1.1 標題文本 <h1>~<h6>用於定義標題。 <h1>定義最大的標題,表示最重要的信息;<h6>定義最小的標題,表示最次要的信息。 <h1>只 ...
  • 最近工作中需要在前端頁面中使用代碼完成剪貼板的讀寫,網上搜索了下相應的資料,記錄下... 這個功能有兩個辦法一個是js方式,一個是使用flash 一、JS方法 1、複製 首先複製的過程分為兩步曲,無論是使用手工還是代碼,先來看看手工的 a、使用游標選中內容 b、通過ctrl + c 進行複製 其實在 ...
  • 上篇(Angular2快速入門-2.創建一個新聞列表)已經完成新聞列表的展示,並且點擊新聞列表的時候,下麵可以展示出新聞的詳細信息,這節我們把新聞詳細和新聞列表頁面分離出來 新聞詳細單獨一個component 第一、創建news-detail.component 1)創建news-detail.co ...
  • 前段時間,終於仔仔細細的把pt、px、em、rem瞭解了一遍,簡單整理了一下做個記錄。 pt、px、em、rem都是什麼 pt單位名稱為點(Point),絕對長度單位。現在網頁中出現得很少甚至不出現,常用於印刷行業。 單位換算:1in = 2.54cm = 25.4 mm = 101.6q = 72 ...
  • 一、介紹 本篇繼上一篇 "深入理解js執行 單線程的JS" ,這次我們來深入瞭解js執行過程中的執行上下文。 本篇涉及到的名詞:預執行,執行上下文,變數對象,活動對象,作用域鏈,this等 二、預執行 在上一篇說到,在js代碼被執行,執行上下文會被壓進執行棧中,但是在此之前還有一步工作要做,就是創建 ...
  • js:在頁面中用戶操作頁面時發生的效果都是Js功勞。操作有點擊,移入,和移出等。。。 例1:通過display隱藏盒子 當通過變數名var可以 繼續實現: 也可以通過透明的opacity,和高度來控制隱藏和顯示。 製作百度登錄效果,點擊登錄,彈出登錄視窗,及退出 (即使簡單也不可餓大意,以上便是di ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...