Question

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

Answer 1

gulpfile.js
npm install -g gulp：gulp全球安装
npm install gulp：gulp在本地安装到您的开发文件夹

您需要自定义tasks.json文件：

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

Answer 2

感谢miked指向正确的方向。以下是VSCode今天的工作原理：

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

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

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

Answer 3

Visual Studio Code with（tasks.json - version 2.0.0）。包括gulp任务跑步者。 “Ctrl + Shift + B” - ＆gt;在gulpfile.js中执行任务 - ＆gt;使用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 4

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

打开命令面板（Ctrl + Shift + P）
键入Tasks，然后点击配置任务管理器

然后Alphapage列出的tasks.json将自动创建（如果它尚不存在）。并且将自动检测gulp任务。

Gulpfile无法识别

4 个答案: