如何在VSCode中运行Grunt任务？

Question

标题说明了一切。我仍然使用Grunt，虽然感觉我应该使用Gulp。

尽管如此，我不想使用alt-tabbing到CMD窗口，而是想使用调色板或快捷键启动一些Grunt任务。阅读文档，看起来我需要编写一个json任务。什么？？？这就像编写Grunt任务来运行Grunt任务一样。

是否有其他人已经编写了一个用于运行Grunt的通用VSCode任务？

编辑： 感谢接受的答案，以下是我正在运行的内容：

{
    "version": "0.1.0", 
    "command": "grunt",
    "isShellCommand": true,
    "tasks": [{
        "taskName": "default"
    },{
        "taskName": "stage"
    },{
        "taskName": "dist"
    }]
}

我打开调色板，看默认，舞台，dist。不确定这是否是最好的方式，但它到目前为止是有效的。绝对有改进的余地。

Answer 1

对VSC的最新更新已自动检测grunt（和gulp任务），因此您现在可以使用android:layout_alignWithParentIfMissing然后键入function submitFile() { var theFile = document.getElementById("image").files[0]; var xhr = new XMLHttpRequest(); xhr.onload = function(e) { document.getElementById("imageUpload").innerHTML = "UPLOAD COMPLETE!"; }; xhr.upload.onprogress = function(e) { if (e.lengthComputable) { var currentPercentage = Math.round(e.loaded / e.total * 100); document.getElementById("imageUpload").innerHTML = "UPLOAD IMAGE " + currentPercentage + "%"; document.getElementById("imageUpload").style.backgroundSize = currentPercentage + "% 100%"; } }; xhr.open("POST", "php/submitMessage.php", true); xhr.send(theFile); } （注意结尾处的空格），VSC将向您显示要运行的可用任务。

更多信息：https://code.visualstudio.com/Docs/editor/tasks

Answer 2

在默认的tasks.json文件中，您只需修改用于grunt的gulp示例。在我当前的项目中，我只需要在根目录中运行grunt，所以我看起来像这样：

{
    "command": "grunt",
    "isShellCommand": true
}

您还可以修改现有的tasks选项，以添加要在构建中运行的特定任务。

Answer 3

现在（版本1.24.1+）中有一个“任务”菜单。运行任务会给您一个列表。