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