Visual studio code 将Visual Studio代码任务与Gulp 4.0一起使用

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

My.vscode/tasks.json看起来像：

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

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

运行gulp--tasks simple没有列出任何任务。您是否运行了npm安装

---

您能否将Gulp 4.0与VS代码一起使用，并使其自动检测任务？如果是这样，我需要执行哪些步骤才能进行设置？

是的，您可以使用vscode和gulp4.0。我会看着你

您是否先卸载了gulp3.9.1

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

然后跑

一饮而尽

以确保它起作用。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中定义的“sync”任务。事实上，您可以将热键组合分配给以下对象：

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

在keybindings.json中