vscode 調試 node.js的方法步驟

更新時間：2020年09月15日 08:49:04 作者：Gatsby

這篇文章主要介紹了vscode 調試 node.js的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

引言

作為前端工程師經常打交道的開發(fā)工具無非 IDE 編輯器和 Chrome，在 Chrome 中調試是非常方便的，直接在開發(fā)者工具的 source 欄打斷點就可以了。那么，如果遇到需要寫 node 相關的代碼，比如 webpack 配置項，應該怎么調試來實現我們的需求呢？

VS Code 配置

在 VS Code 中單獨有 debug 的菜單，需要指定 launch.json 文件，該文件為 VS Code 提供啟動調試所需的各項配置。

// launch.json
// 使用 IntelliSense 了解相關屬性。
// 懸停以查看現有屬性的描述。
// 欲了解更多信息，請訪問: https://go.microsoft.com/fwlink/?linkid=830387

{
 "version": "0.2.0",
 "configurations": [
  {
   "type": "node",
   "request": "launch",
   "name": "Launch via NPM",
   "runtimeExecutable": "npm",
   "runtimeArgs": ["run-script", "debug"],
   "cwd": "${workspaceFolder}/envloader/mobile",
   "port": 9229
  }
 ]
}

上面是我們項目的調試配置， runtimeExecutable 指明調試方式是 npm 方式， runtimeArgs 為執(zhí)行調試傳的參數， cwd 指定工作目錄。

// package.json

"scripts": {
  "debug": "node --max_old_space_size=12288 --inspect-brk node_modules/webpack/bin/webpack.js --config build/webpack.dev.js --watch"
 },

注意 debug 腳本要傳入 --inspect-brk ，這樣才可以開啟 node 的調試功能。

VS Code 調試菜單點擊執(zhí)行按鈕，我們就可以愉快的調試 webpack.dev.js 代碼了。

可以看到，webpack 內部的數據結構盡收眼底。

Chrome 開發(fā)者工具風格

剛才的 launch.json 中，有 port: 9229 這個屬性，我們可以在瀏覽器訪問 chrome://inspect ，就能以我們熟悉的 chrome 風格來調試 node 程序了。

總結

調試程序能夠幫助我們對代碼有更深刻的了解，能夠提供運行時的執(zhí)行上下文、調用棧等信息。此外，在調試線上混淆后的代碼時，對各種 a、o、f 等難以理解的變量名參數名也能通過運行時的變量數據輕易分析出代碼的基本邏輯。

到此這篇關于vscode 調試 node.js的方法步驟的文章就介紹到這了,更多相關vscode 調試 node.js內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

詳解nodejs 開發(fā)企業(yè)微信第三方應用入門教程
這篇文章主要介紹了詳解nodejs 開發(fā)企業(yè)微信第三方應用入門教程，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-03-03
搭建一個Koa后端項目腳手架的方法步驟
這篇文章主要介紹了搭建一個Koa后端項目腳手架的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-05-05
Node.js中操作MongoDB的CRUD操作指南
在Node.js中操作MongoDB常見的庫有mongodb原生驅動和mongoose等,本文將使用mongodb官方驅動包來進行示例,在開始之前,請確保已經安裝了MongoDB數據庫并且在本地啟動了MongoDB服務,需要的朋友可以參考下
2024-01-01
nodejs的錯誤處理過程記錄
這篇文章主要給大家介紹了關于nodejs的錯誤處理過程的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2021-04-04
NodeJS中Buffer模塊詳解
這篇文章主要介紹了NodeJS中Buffer模塊詳解，十分的詳細,需要的朋友可以參考下
2015-01-01
node微信開發(fā)之獲取access_token+自定義菜單
這篇文章主要介紹了node微信開發(fā)之獲取access_token+自定義菜單，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-03-03
node.js實現批量修改git項目的數據源(步驟詳解)
文章介紹了如何使用Node.js腳本批量修改大型項目中各個項目的Git地址域名,通過引入模塊、聲明域名常量、定義遍歷函數和修改目錄等步驟,實現一次性批量修改,從而節(jié)省時間和精力
2024-11-11
Nodejs抓取html頁面內容（推薦）
這篇文章主要介紹了Nodejs抓取html頁面內容的關鍵代碼，另外還給大家附上了nodejs抓取網頁內容，非常不錯，對node.js抓取頁面內容感興趣的朋友一起學習吧
2016-08-08
Node.js之刪除文件夾(含遞歸刪除)代碼實例
這篇文章主要介紹了Node.js之刪除文件夾(含遞歸刪除)代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2019-09-09
Node.js+express+socket實現在線實時多人聊天室
這篇文章主要為大家詳細介紹了Node.js+express+socket實現在線實時多人聊天室，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-07-07