使用node開發(fā)有段時間了，但是調(diào)試都是不斷的打印來進行的，于是趁著周末找了找怎么通過vscode來調(diào)試node代碼，沒有特別的深入，只是做到能調(diào)試代碼就行的程度。

1. 進入調(diào)試頁面

調(diào)試代碼的地方在左側(cè)的第四個，點擊就能進入到調(diào)試的入口處

入口

2. 添加配置

進入到調(diào)試頁面時，剛開始是沒有配置調(diào)試需要的東西的，所以需要配置調(diào)試的環(huán)境

添加環(huán)境配置

3. 選擇調(diào)試環(huán)境

添加配置之后，會需要選擇代碼的運行環(huán)境

選擇環(huán)境

4. 修改配置

選中環(huán)境之后，會在你項目的當前目錄下創(chuàng)建個.vscode文件夾，里面存放著當前項目的vscode的各種配置。上一步操作，會在.vscode文件夾中創(chuàng)建launch.json文件

launch.json文件

文件默認內(nèi)容可能是不一致的，name表示這個配置的名稱，program表示啟動文件，比如 node ${file}

如果需要使用babel-node去執(zhí)行這個文件的話，需要手動加一行

babel-node

至于還有其他的參數(shù)配置，由于自己的目標僅限于此，也就沒有去繼續(xù)折騰

項目啟動

項目啟動后，可以到你需要調(diào)試的地方打上斷點

斷點

等代碼運行到斷點處，鼠標放到變量上，會出現(xiàn)變量的值，只是窗口大小好像不能進行調(diào)整