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更佳方便，然而他卡啊！
