掃二維碼與項目經(jīng)理溝通
我們在微信上24小時期待你的聲音
解答本文疑問/技術(shù)咨詢/運營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流
答案: 要在 VS Code 中簡單、有效地調(diào)試 Node.js 程序,你需要掌握以下幾個關鍵點:

創(chuàng)新互聯(lián)公司成立與2013年,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務公司,擁有項目網(wǎng)站建設、成都做網(wǎng)站網(wǎng)站策劃,項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元天水做網(wǎng)站,已為上家服務,為天水各地企業(yè)和個人服務,聯(lián)系電話:18982081108
1. 安裝必要的擴展
2. 配置 launch.json 文件
3. 在代碼中設置斷點和日志輸出
下面將分別介紹這些關鍵點。
為了能夠在 VS Code 中進行 Node.js 的調(diào)試,你需要安裝兩個重要的擴展:Debugger for Chrome 和 Node Debug。前者用于與 Chrome 瀏覽器通信,后者用于與 Node.js 服務器通信。
可以通過搜索“Debugger for Chrome”和“Node Debug”來找到并安裝它們。也可以直接打開左側(cè)菜單欄里的 Extensions(或使用快捷鍵 Ctrl+Shift+X)來搜索和安裝。
VS Code 使用一個名為 launch.json 的文件來指定啟動程序時使用哪些參數(shù)。我們需要對該文件進行修改以適配我們正在調(diào)試的項目。
在 VS Code 左側(cè)菜單欄里選擇 Run and Debug(或使用快捷鍵 Ctrl+Shift+D)。然后點擊齒輪圖標打開編輯配置界面,并添加一個新配置項:
```
{
"type": "node",
"request": "launch",
"name": "Debug Node.js",
"program": "${workspaceFolder}/app.js"
}
type 指明了使用的調(diào)試器類型(這里是 node),request 指定了請求類型(這里是 launch,表示啟動程序),name 是該配置項的名字,program 則指定了要運行的腳本文件。
在上一步完成后,我們就可以開始進行調(diào)試了。在 app.js 文件中添加一些斷點來暫停程序執(zhí)行,并將需要詳細查看的變量打印到控制臺上:
const a = 1;
const b = 2;
console.log(a + b);
debugger; // 添加一個斷點
console.log('Hello, world!');
在代碼中加入 debugger 關鍵字即可添加一個斷點。當程序執(zhí)行到該位置時會自動暫停并等待進一步操作。
除此之外,在 VS Code 中還可以使用 Debug Console 來直接查看和修改變量值。只需點擊底部菜單欄里的 Debug Console 圖標即可打開。
總結(jié):
我們在微信上24小時期待你的聲音
解答本文疑問/技術(shù)咨詢/運營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流