這是個告別console的開始【手動捂臉】。

首先，打開蟲子，進入調(diào)試頁面。

點擊綠色的按鈕，開始調(diào)試。

選擇環(huán)境Node.js。

選擇完成之后，生成一個.vscode文件夾，文件夾下有個launch.json文件。

將【program】字段的值修改為自己程序的入口文件，開始調(diào)試時會從這個入口啟動程序，我的程序的入口為server.js，修改如下：

修改完成后，點擊綠色按鈕，開始調(diào)試程序。

接下來用postman請求程序的接口，返現(xiàn)程序已經(jīng)啟動，并且返回了預期的數(shù)據(jù)。

接下來就是給程序設置斷點，打開下想要設置斷點的文件，我以剛才postman請求的用戶詳情接口為例，點擊行號左邊變?yōu)榧t點即設置好了斷點。

再次請求用戶詳情接口，調(diào)試面板出現(xiàn)如下變化。其中劃紅線處按鈕依次為繼續(xù)、單步調(diào)試、單步跳出、重啟、停止調(diào)試，在調(diào)試面板左側可以監(jiān)聽變量和調(diào)用堆棧的情況等。

同時，將鼠標放在當前執(zhí)行斷點之前的參數(shù)或者變量上可以查看參數(shù)或者變量的詳情。

好了，從此以后，就可以用vscode愉快地調(diào)試代碼了。

歡迎關注我的博客（正在建設中）毛浩先生的個人博客