使用 Visual Studio Task Runner Explorer 运行 gulpfile.js 时，如何调试它？

Question

在使用 Visual Studio Task Runner Explorer 运行 gulpfile.js 时，如何调试它？或者是否有另一种方式可以使用 Visual Studio 启动 gulp，以便可以调试 gulpfile.js？我知道节点检查器，但想看看是否有 Visual Studio 原生的东西。

Answer 1

在 VS Code 中“打开文件夹”的文件夹中定义一个 .vscode\launch.json 文件，内容如下：

{
    // Use IntelliSense to learn about possible Node.js debug attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "cwd": "${workspaceRoot}/src/node",
            "name": "Gulp package node",
            "program": "${workspaceRoot}/src/node/node_modules/gulp/bin/gulp.js",
            "args": [
                "package" // replace this with your gulp task name
            ]
        }
    ]
}

您显然希望替换上面代码中的任务名称和路径。

然后你可以在 VS Code 中点击“Go”，它会启动 gulp 并附加调试器。

Answer 2

我知道您可能希望有更好的方法来做到这一点，但我目前这样做的方法是使用普通的

gulpfile.js 中的

console.log() 语句

这样我可以检查变量并尝试发现任何逻辑错误。