在vscode中，點擊那個蜘蛛的按鈕

就能看出現debug的側欄，接下來添加配置

選擇環(huán)境

就能看到launch.json的文件了。

啟動的時候，選擇相應的配置，然后點擊指向右側的綠色三角

launch模式與attach模式

當request為launch時，就是launch模式了，這是程序是從vscode這里啟動的，如果是在調試那將一直處于調試的模式。而attach模式，是連接已經啟動的服務。比如你已經在外面將項目啟動，突然需要調試，不需要關掉已經啟動的項目再去vscode中重新啟動，只要以attach的模式啟動，vscode可以連接到已經啟動的服務。當調試結束了，斷開連接就好，明顯比launch更方便一點。

在debug中使用npm啟動

很多時候我們將很長的啟動命令及配置寫在了package.json的scripts中，比如：

我們希望讓vscode使用npm的方式啟動并調試，這就需要如下的配置：

在debug中使用nodemon啟動

僅僅使用npm啟動，雖然在dev命令中使用了nodemon，程序也可以正常的重啟，可重啟了之后，調試就斷開了。所以需要讓vscode去使用nodemon啟動項目。

注意這里的runtimeArgs，如果這些配置是寫在package.json中的話，就是這樣的

nodemon --inspect --exec babel-node --presets env ./bin/www

這樣就很方便了，項目可以正常的重啟，每次重啟一樣會開啟調試功能。

可是，我們并不想時刻開啟調試功能怎么辦？這就需要使用上面說的attach模式了。

使用如下的命令正常的啟動項目

nodemon --inspect --exec babel-node --presets env ./bin/www

當我們想要調試的時候，在vscode的debug中運行如下的配置