vscode調(diào)試node的方

這篇文章給大家分享的是有關(guān)vscode調(diào)試node的方的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

順德網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,順德網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為順德數(shù)千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的順德做網(wǎng)站的公司定做！

一、建立配置文件

1、選擇你的項(xiàng)目

2、選擇你項(xiàng)目的語言

3、當(dāng)前項(xiàng)目路徑下生成 .vscode/launch.json

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "program": "${workspaceFolder}/test.js"
        }
    ]
}

type - 用于此啟動(dòng)配置的調(diào)試器類型。每個(gè)安裝的調(diào)試擴(kuò)展都會(huì)引入一種類型，例如，node 內(nèi)置節(jié)點(diǎn)調(diào)試器，php 以及 goPHP 和 Go 擴(kuò)展。

request - 此啟動(dòng)配置的請(qǐng)求類型。目前支持的是 launch 和 attach。( request 的詳解見下面的第三章)

name - 友好名稱，顯示在“調(diào)試啟動(dòng)配置”下拉列表中。

program - 啟動(dòng)調(diào)試器時(shí)要運(yùn)行的可執(zhí)行文件或文件。

args - 傳遞給程序進(jìn)行調(diào)試的參數(shù)。

env- 環(huán)境變量（該值 null 可用于“取消定義”變量）。

cwd - 當(dāng)前工作目錄，用于查找依賴項(xiàng)和其他文件。

注1：${workspaceFolder} 表示工作空間文件夾的根路徑，${file} 表示活動(dòng)編輯器中打開的文件。

注2：“program": "${workspaceFolder}/test.js”，我不太清楚 vscode 是怎么識(shí)別我想要調(diào)試當(dāng)前目錄下的 /test.js。[待解決]

注3：還可以把配置文件寫進(jìn) User Settings 成為全局配置。

4、快速回到你的配置文件

二、打斷點(diǎn)

1、Breakpoint (傳統(tǒng)斷點(diǎn))

（1）圖形用圓形代替；

（2）不可以打在空行上。

2、Logpoint

（1）可以在 debug console 里打印出信息（用 {} 包裹表達(dá)式）；

（2）圖形用菱形代替；

（3）如果不打在語句上，而是空行，則調(diào)試執(zhí)行的時(shí)候，會(huì)消失，但不影響效果。所以還是推薦打在語句上！

3、Conditional Breakpoint

分兩種條件：表達(dá)式 / 命中數(shù)

（1）可以在符合條件時(shí)中斷到離此斷點(diǎn)下方最近的一條語句上；

（2）圖形用正方形代替；

（3）如果不打在語句上，而是空行，則調(diào)試執(zhí)行的時(shí)候，會(huì)消失，但不影響效果。

三、調(diào)試

第一章提到的 launch.json 配置文件里有 request 字段，取值范圍為：launch 和 attach

launch：vscod e獨(dú)立自主的跑起一個(gè)調(diào)試進(jìn)程

attach：你通過 node --inspect-brk xxx.js 自行啟動(dòng)調(diào)試，然后 vscode 再去 attach 它

下面就分這兩類來說說具體調(diào)試方式的區(qū)別：

1、launch 方式

（1）點(diǎn)擊 Launch Program

（2）選擇啟動(dòng)哪個(gè)配置文件

注：launch.json 配置文件中 name 屬性的值會(huì)顯示在這個(gè)下拉列表中。

（3）開始調(diào)試

2、attach 方式

（1）把 Auto Attach：On 打開

（2）以調(diào)試的方式啟動(dòng) node

node --inspect-brk test.js

（3）開始調(diào)試

四、調(diào)試相關(guān)功能

1、DEBUG CONSOLE

可以在此操作變量

五、多目標(biāo)調(diào)試

需求：同時(shí)調(diào)試 server.js 和 client.js

1、建立配置文件

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Server",
            "program": "${workspaceFolder}/server.js",
            "cwd": "${workspaceFolder}"
        },
        {
            "type": "node",
            "request": "launch",
            "name": "Client",
            "program": "${workspaceFolder}/client.js",
            "cwd": "${workspaceFolder}"
        }
    ],
    "compounds": [
        {
            "name": "Server/Client",
            "configurations": ["Server", "Client"]
        }
    ]
}

2、開始調(diào)試

注1：調(diào)試的時(shí)候，可以同時(shí)運(yùn)行程序。

注2：當(dāng)修改代碼，同時(shí)運(yùn)行的程序會(huì)立即生效，而調(diào)試的代碼還是老的。

感謝各位的閱讀！關(guān)于“vscode調(diào)試node的方”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

當(dāng)前名稱：vscode調(diào)試node的方
網(wǎng)站路徑：http://bm7419.com/article12/pcoidc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、微信小程序、微信公眾號(hào)、網(wǎng)頁設(shè)計(jì)公司、全網(wǎng)營(yíng)銷推廣、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)