Gulpfile未被识别

Question

该文档指出应该自动检测gulp和jake文件。我在打开的文件夹的根目录中有一个gulpfile.js，但是当我尝试运行任务时，它没有被自动检测并列在任务列表中。我错过了什么吗？

Answer 1

1. gulpfile.js在根
2. npm install -g gulp：gulp全球安装
3. npm install gulp：gulp在本地安装到你的dev文件夹
4. 你需要一个自定义的tasks.json文件：

   {
       "version": "0.1.0",
       "command": "gulp",
       "isShellCommand": true,
       "args": [
           "--no-color"
       ],
       "tasks": []
   }

Answer 2

它适用于我，所以诀窍是弄清楚你缺少什么。

我只有：

• 根目录中的gulpfile.js
• gulp全球安装（npm install -g gulp）
• npm install已在当地运营，包括吞咽
• 一个命令设置为tasks.json的gulp文件

然后，我可以打开调色板并键入task mytaskname，它的工作原理

更新：如果没有带有gulp命令的tasks.json文件，vs代码也不会为我提取它们。

Answer 3

感谢miked指向正确的方向。以下是VSCode如何工作的解释：

如果tasks.json文件存在并且它定义了没有自动检测支持的任务运行器（例如命令属性）（例如tsc），则tasks.json优先于自动检测。

如果它列出了具有自动检测功能的命令（例如gulp和jake），那么它会将tasks.json中定义的任务与自动检测到的任务合并。

通常，VSCode现在只支持一个任务运行器集成。因此，如果您同时使用gulp和grunt，VSCode可以立即与Grunt或Gulp集成。

Answer 4

Visual Studio代码（tasks.json - 版本2.0.0）。包括gulp任务跑步者。 “Ctrl + Shift + B” - >在gulpfile.js中执行任务 - >使用Chrome浏览器打开html文件。

{
// See https://go.microsoft.com/fwlink/?LinkId=733558
// for the documentation about the tasks.json format
"version": "2.0.0",
"tasks": [
    {
        "taskName": "Gulp",
        "type": "shell",
        "command": "gulp",
        "group": {
            "kind": "build",
            "isDefault": true
        },
        "presentation": {
            "reveal": "always"
        }
    },
    {
        "taskName": "Chrome",
        "type": "process",
        "command": "chrome.exe",
        "windows": {
            "command": "C:\\Program Files(x86)\\Google\\Chrome\\Application\\chrome.exe"
        },
        "args": [
            "${file}"
        ]
    }
]
}

Answer 5

只是添加到AlphaPage和John Papa的答案（我没有足够的代表添加评论），如果你全局安装gulp（npm install gulp -g），并且你在根目录中有gulpfile.js，当你：

1. 打开命令面板（Ctrl + Shift + P）
2. 键入Tasks并单击Configure Task Runner

那么Alphapage列出的tasks.json将会自动创建，如果它还不存在的话。并且将自动检测gulp任务。