来自Webstorm的Gruntdebugging

它可能通过外部工具在WebStorm中运行咕噜的任务。 但是,是否可以利用外部工具进行debugging? 通过在WebStorm中运行grunt servergrunt test等任务,如果使用grunt等外部工具,debugging将变得更加容易。

您必须运行grunt-cli作为Node应用程序:

  • 创build一个新的Node.js运行/debuggingconfiguration: 运行 – >编辑configuration…
  • 在“ path到节点”中select您的节点二进制文件,即: /Users/someuser/nvm/v0.10.5/bin/node
  • 工作目录中 ,select你的Gruntfile.js目录,即/Projects/someproject
  • 节点应用JS文件path中 ,select你的Grunt CLIpath(你可以select在你的节点bin目录下创build的grunt-cli符号链接,WebStorm将使用符号链接目标),例如: /Users/someuser/nvm/v0.10.5/lib/node_modules/grunt-cli/bin/grunt Windows 7上的/Users/someuser/nvm/v0.10.5/lib/node_modules/grunt-cli/bin/gruntC:\Users\someuser\AppData\Roaming\npm\node_modules\grunt-cli\bin\grunt
  • 应用程序参数inputGrunt任务运行,即test

点击运行或debugging,你就完成了:)

我刚刚在今天的WebStorm 10中尝试了这个。 我不确定这是否是一项新function,但是WebStorm已经集成了@diego描述的步骤,因此您不必手动执行这些步骤:

  1. 点击View> Tool Windows> Grunt在WebStorm中显示Grunt窗口。
  2. 右键单击任何任务并select“debugging”

您可以在Gruntfile.js设置断点等,就像其他文件一样。