如何使用 VSCode 调试 gulp 任务答案

【问题标题】：How to debug a gulp task with VSCode如何使用 VSCode 调试 gulp 任务
【发布时间】：2016-09-25 10:03:37
【问题描述】：

我需要使用 VScode 调试命令gulp start（我在转译过程中遇到了一些我还不明白的 babel 映射错误......）。 VSCode 调试默认配置旨在启动node app.js。如何修改触发gulp command？

这是默认配置。如果有人暗示我该怎么做，我会欠你的:)

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Lancer",
            "type": "node",
            "request": "launch",
            "program": "${workspaceRoot}/app.js",
            "stopOnEntry": false,
            "args": [],
            "cwd": "${workspaceRoot}",
            "preLaunchTask": null,
            "runtimeExecutable": null,
            "runtimeArgs": [
                "--nolazy"
            ],
            "env": {
                "NODE_ENV": "development"
            },
            "externalConsole": false,
            "sourceMaps": false,
            "outDir": null
        },
        {
            "name": "Attacher",
            "type": "node",
            "request": "attach",
            "port": 5858,
            "address": "localhost",
            "restart": false,
            "sourceMaps": false,
            "outDir": null,
            "localRoot": "${workspaceRoot}",
            "remoteRoot": null
        }
    ]
}

【问题讨论】：

标签： debugging gulp visual-studio-code

【解决方案1】：

在您的“Lancer”配置中，进行以下更改。

将程序更改为"${workspaceRoot}/node_modules/gulp/bin/gulp.js"
将 args 更改为 ["start"]

在要调试的任务中设置断点并启动调试器。将“开始”更改为所需的任务名称以调试其他任务。

【讨论】：