如何从Visual Studio运行Grunt命令？

Question

我编写了Grunt任务，用于在Visual Studio ASP.NET项目的每个文件中最小化和组合多个脚本和样式。

可以在项目解决方案目录上按以下方式运行此任务，并且工作正常。

1. 打开命令提示符（cmd.exe）
2. 转到项目目录cd /Visual/Studio/Project/Directory/
3. 运行grunt命令行grunt

工作正常。 当我在该项目目录中保存任何.js或.css文件时，我需要此任务应在后面的屏幕（或输出窗口）中自动运行

Answer 1

到目前为止，我已经使用以下快捷方式成功运行了上述过程：

一，添加外部工具

1. 转到Visual Studio中“ Tools菜单下的“ External Tools ”

2. 点击Add ，输入以下详细信息：

    Title: Grunt Command : C:\\Windows\\System32\\cmd.exe Arguments: /k grunt Initial Directory: $(ProjectDir) Optionally, check **Use Output Directory** option. 

   

3. 将项目移到External Tools顶部，单击OK

II。 将快捷方式添加到外部命令

参考

1. 转到“ Tools菜单，单击“ Options 。
2. 在“环境”页面上选择“键盘”。
3. 在“显示包含的命令”列表中，键入“工具”。
4. 在命令名称列表中，找到适当的外部命令n条目。
5. 将光标放在“按快捷键”框中，然后按要分配给外部工具的键。
6. 点击分配

因此，现在可以从快捷方式运行grunt任务。 但是我仍然无法使其在保存文件（.js / .css）时自动运行。

Answer 2

VS现在包括“任务运行器”扩展。 它会自动检测项目中是否有gruntfile.js并显示其中的任务。 您还可以使用其UI将任务绑定到“构建前”，“构建后”，“项目打开”等。

此处的更多信息： https : //msdn.microsoft.com/zh-cn/magazine/mt595751.aspx