VScode自帶支持Node.js調(diào)試，簡直就是為前端工程師而生的伞访，對不對…
1.進入vscode霞玄，前往蟲子的那個頁面
2.點擊調(diào)試旁邊的那個下拉框，選擇“添加配置”
3.選擇Node.js:啟動程序
????之后沛善，項目的根目錄會生成一個.vscode的目錄，這個目錄中存放了各種各樣的VScode編譯器的配置∪恚現(xiàn)在這個文件夾下面就放了一個叫l(wèi)aunch.json的文件金刁，是我們debug的配置入口。
????現(xiàn)在 launch.json 已經(jīng)自動為我們生成了一些配置項字段议薪，具體的配置項字段可以參考https://go.microsoft.com/fwlink/?linkid=830387的解釋尤蛮。其中比較重要的是 program 字段，這個字段定義了整個調(diào)試器的入口斯议，開啟調(diào)試器的時候會從這個入口啟動程序产捞。
????一般生成 lanch.json 的時候這個字段已經(jīng)有值了，這是因為VScode在初始化launch.json的時候會查看項目的 package.json 中是否又包含鍵名為start 的 scripts哼御，如果有的話轧葛，就會把start配置的內(nèi)容作為 program 字段的值。
我這個項目是通過 dev 命令來啟動服務(wù)的艇搀，將dev后面的內(nèi)容修改到 program 下：
如果啟動調(diào)試器的時候需要添加參數(shù)尿扯，可以通過 args 字段來設(shè)置，環(huán)境通過 env 字段來設(shè)置焰雕，例子如下：
4.點擊調(diào)試旁邊綠色運行箭頭衷笋，就可以開始調(diào)試了，可以通過控制面板來查看調(diào)試的信息
5.然后我們設(shè)置一個斷點矩屁，重新啟動調(diào)試服務(wù)
????運行的調(diào)試面板大概就如上圖所示辟宗，調(diào)試控制臺面板亮著的按鈕從左到右依次是運行，單步跳過吝秕，單步調(diào)試泊脐，單步跳出，重啟和停止調(diào)試烁峭。當(dāng)鼠標(biāo)放在斷點前的變量或者參數(shù)上容客，可以查看該變量當(dāng)前的數(shù)值，與Chrome開發(fā)者工具的調(diào)試一致约郁∷跆簦可以在面板左邊那里查看上下文環(huán)境，在監(jiān)視里面監(jiān)聽關(guān)注的變量當(dāng)前值鬓梅，控制臺會顯示console.log的打印值供置。還是很很很很方便的~
