来自Webstorm的Gruntdebugging
它可能通过外部工具在WebStorm中运行咕噜的任务。 但是,是否可以利用外部工具进行debugging? 通过在WebStorm中运行grunt server
或grunt 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/grunt
(C:\Users\someuser\AppData\Roaming\npm\node_modules\grunt-cli\bin\grunt
) - 在应用程序参数inputGrunt任务运行,即
test
点击运行或debugging,你就完成了:)
我刚刚在今天的WebStorm 10中尝试了这个。 我不确定这是否是一项新function,但是WebStorm已经集成了@diego描述的步骤,因此您不必手动执行这些步骤:
- 点击View> Tool Windows> Grunt在WebStorm中显示Grunt窗口。
- 右键单击任何任务并select“debugging”
您可以在Gruntfile.js
设置断点等,就像其他文件一样。