vscode的調(diào)試功能非常強(qiáng)大，豐富的插件使得他能讓各種語(yǔ)言在其上運(yùn)行，這次介紹一下如何在vscode上調(diào)試
gulp候齿。
為此，我們需要為vscode添加啟動(dòng)配置闺属，這通過(guò)在項(xiàng)目的根目錄中添加一個(gè)名為 .vscode 的文件夾慌盯，并添加名為 launch.json 的文件，或者在調(diào)試菜單中添加配置掂器。
配置如下：
{
"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是為這個(gè)配置賜的名號(hào)，program指向項(xiàng)目目錄下gulp所在位置国瓮，args為gulp中配置的task也就是你想要調(diào)試的task灭必，cwd指向的是gulpfile.js所在路徑。
配置完成后按 F5 進(jìn)入調(diào)試模塊乃摹，選擇調(diào)試配置運(yùn)行即可禁漓。
調(diào)試gulp
其中多數(shù)配置非必須，最簡(jiǎn)運(yùn)行配置如下孵睬。
{
"type": "node",
"request": "launch",
"name": "Gulp buildAddr",
"program": "${workspaceRoot}/buildNew/node_modules/gulp/bin/gulp.js",
"cwd": "${workspaceRoot}/buildNew/",
"args": [
"buildAddr"
]
}
gulp開(kāi)發(fā)中目錄路徑和活動(dòng)對(duì)象都是較為令人苦惱的播歼，通過(guò)vscode進(jìn)行調(diào)試能方便很多，雖然webstorm在已經(jīng)集成gulp調(diào)試掰读，并且讀取了所有task更佳方便荚恶，然而他卡傲么！
