如何使用 Grunt 在 Visual Studio 2013 中调试 AngularJS 应用程序？答案

【问题标题】：How do I debug an AngularJS app in Visual Studio 2013 using Grunt?如何使用 Grunt 在 Visual Studio 2013 中调试 AngularJS 应用程序？
【发布时间】：2014-05-05 01:25:39
【问题描述】：

我目前正在尝试调试我正在使用 Visual Studio 2013 编写的 AngularJS 应用程序。我安装了最近发布的Node.js Tools。

应用已使用Yeoman/Bower/Grunt 搭建脚手架，并使用命令行grunt serve 命令打包并启动本地主机网络服务器。

如何从 Visual Studio 2013 启用调试？我是否必须附加到进程，或者我可以将它连接到 vs2013 中可信赖的 F5，或者甚至有可能吗？

【问题讨论】：

所以现在我正在恢复使用 Jetbrains Webstorm，它可以在 Windows 下正常调试。如果可能的话，仍然有兴趣使用 VS2013。

标签： node.js angularjs visual-studio-2013 gruntjs

【解决方案1】：

有一个支持 Grunt 集成的 Visual Studio 扩展：

Grunt Launcher

它添加了一个右键菜单，其中包含启动 Grunt、Gulp 和 Bower 命令的选项。右键单击 gruntfile 时，您将看到一个新的子菜单，其中列出了您的所有选项。

还有一个 Angular.js 模板：

Angular.js SPA Template

还有更高级的解决方案：

【讨论】：

保罗，感谢您的回复。您是否设法使用 grunt 启动器进行调试？当 Webstorm 调试到 js 时，它会在一个端口上设置调试服务器，然后监听它：例如：runnerw.exe "C:\Program Files\nodejs\node.exe" --debug-brk=1878 这个工作调试服务器/listener 组合是我们在 Visual Studio 2013 中缺少的部分
我没有。看起来支持 F5 的远程调试作为 NTVS 项目的一部分提供。
好地方...无法击败一些好的汉塞尔曼指令。我会看看能不能让它再次工作。
请注意，Hansleman 先生最近的 HackSummit 演讲展示了一些非常令人印象深刻的功能，这些功能正在由 Roslyn 支持的 Visual Studio 中推出。用不了多久，我们就会无缝调试。