0

我正在将项目从 Gulp 3.9.1 (npm install gulp) 切换到 Gulp 4.0 (npm install gulp-4.0.build)，但是当我这样做时，Visual Studio Code 不再能够自动检测我的 gulpfile.js 中的任务。在这两种情况下，gulp 都安装在本地。

我的 .vscode/tasks.json 看起来像：

{
    "version": "0.1.0",
    "command": "gulp",
    "isShellCommand": true,
    "showOutput": "always"
}

查看任务输出，我看到以下消息：

运行 gulp --tasks-simple 没有列出任何任务。你运行 npm install 了吗？

您可以将 Gulp 4.0 与 VS Code 一起使用并让它自动检测任务吗？如果是这样，我需要按照哪些步骤进行设置？

4

1 回答 1

1

是的，你可以使用 vscode 和 gulp4.0。我会看看如何升级到 gulp4.0。

你是先卸载 gulp3.9.1 的吗？

您还应该在本地和全局安装gulp4.0！

然后运行

吞咽 -v

以确保它有效。vsCode 应该在您的 tasks.json 文件和 gulpfile.js 中检测到这两个任务。您使用的是较旧的 tasks.json 版本 0.1.0。这是一个 tasks.json 文件的示例，它允许我从 workspaceRoot 的任何位置在命令行中键入“gulp sync”并运行该任务：

{
"version": "2.0.0",
"tasks": [
    {
        "label": "Start server and process files",
        "command": "gulp",
        "args": [
            "sync"
        ],
        "type": "shell",
        "options": {
            "cwd": "${workspaceRoot}"
        }
    }
]
}

它运行我在 gulpfile.js 中定义的“同步”任务。实际上，您可以为其分配一个热键组合，例如：

{ "key": "shift+escape",  
  "command": "workbench.action.tasks.runTask", 
  "args": "Start server and process files"
},

在您的 keybindings.json 中。

于 2018-01-02T18:46:30.730 回答