如何从Visual Studio运行Grunt命令？

Question

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

这个grunt任务可以在项目解决方案目录上运行，如下所示，并且工作正常。

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

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

Answer 1

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

予。添加外部工具

1. 转到Visual Studio <{li>中External Tools菜单下的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。添加外部命令的快捷方式

Reference

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

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

Answer 2

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

此处有更多信息：https://msdn.microsoft.com/en-us/magazine/mt595751.aspx