vscode的調試功能非常強大，豐富的插件使得他能讓各種語言在其上運行，這次介紹一下如何在vscode上調試
gulp。
為此，我們需要為vscode添加啟動配置，這通過在項目的根目錄中添加一個名為 .vscode 的文件夾，并添加名為 launch.json 的文件，或者在調試菜單中添加配置。
配置如下：
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Debug Gulp",
"program": "${workspaceRoot}/buildNew/node_modules/gulp/bin/gulp.js",
"stopOnEntry": true,
"args": [
"buildAddr"
],
"cwd": "${workspaceRoot}/buildNew/",
"outFiles": [],
"sourceMaps": true,
"runtimeExecutable": null,
"env": {
}
}
]
}
其中
type與request固定配置，name是為這個配置賜的名號，program指向項目目錄下gulp所在位置，args為gulp中配置的task也就是你想要調試的task，cwd指向的是gulpfile.js所在路徑。
配置完成后按 F5 進入調試模塊，選擇調試配置運行即可。
調試gulp
其中多數配置非必須，最簡運行配置如下。
{
"type": "node",
"request": "launch",
"name": "Gulp buildAddr",
"program": "${workspaceRoot}/buildNew/node_modules/gulp/bin/gulp.js",
"cwd": "${workspaceRoot}/buildNew/",
"args": [
"buildAddr"
]
}
gulp開發中目錄路徑和活動對象都是較為令人苦惱的，通過vscode進行調試能方便很多，雖然webstorm在已經集成gulp調試，并且讀取了所有task更佳方便，然而他卡啊！
