這是個告別console的開始【手動捂臉】禀苦。
首先,打開蟲子遂鹊,進入調(diào)試頁面振乏。
點擊綠色的按鈕,開始調(diào)試秉扑。
選擇環(huán)境Node.js慧邮。
選擇完成之后调限,生成一個.vscode文件夾,文件夾下有個launch.json文件误澳。
將【program】字段的值修改為自己程序的入口文件,開始調(diào)試時會從這個入口啟動程序忆谓,我的程序的入口為server.js裆装,修改如下:
修改完成后倡缠,點擊綠色按鈕昙沦,開始調(diào)試程序桅滋。
接下來用postman請求程序的接口,返現(xiàn)程序已經(jīng)啟動号俐,并且返回了預(yù)期的數(shù)據(jù)。
接下來就是給程序設(shè)置斷點定庵,打開下想要設(shè)置斷點的文件吏饿,我以剛才postman請求的用戶詳情接口為例,點擊行號左邊變?yōu)榧t點即設(shè)置好了斷點蔬浙。
再次請求用戶詳情接口猪落,調(diào)試面板出現(xiàn)如下變化。其中劃紅線處按鈕依次為繼續(xù)畴博、單步調(diào)試笨忌、單步跳出、重啟俱病、停止調(diào)試官疲,在調(diào)試面板左側(cè)可以監(jiān)聽變量和調(diào)用堆棧的情況等。
同時亮隙,將鼠標(biāo)放在當(dāng)前執(zhí)行斷點之前的參數(shù)或者變量上可以查看參數(shù)或者變量的詳情途凫。
好了,從此以后溢吻,就可以用vscode愉快地調(diào)試代碼了维费。
歡迎關(guān)注我的博客(正在建設(shè)中)毛浩先生的個人博客