来自Webstorm的Grunt调试

Question

可以通过外部工具在WebStorm中运行grunt任务。但是，是否可以利用外部工具进行调试？通过在WebStorm中运行grunt server或grunt test之类的任务，如果可以使用grunt等外部工具，它将使调试变得更加容易。

Answer 1

您必须将 grunt-cli 作为节点应用程序运行：

• 创建新的Node.js运行/调试配置：运行 - ＆gt;编辑配置...
• 在节点路径中选择您的节点二进制文件，即：/Users/someuser/nvm/v0.10.5/bin/node
• 在工作目录中，选择您的Gruntfile.js目录，即/Projects/someproject
• 在 Node App JS文件路径中，选择您的Grunt CLI路径（您可以选择在您的节点bin目录中创建的grunt-cli符号链接，WebStorm将使用符号链接目标），即：/Users/someuser/nvm/v0.10.5/lib/node_modules/grunt-cli/bin/grunt （Windows 7上的C:\Users\someuser\AppData\Roaming\npm\node_modules\grunt-cli\bin\grunt）
• 在应用参数中输入要运行的Grunt任务，例如default或test

单击“运行”或“调试”，您就完成了：）

Answer 2

我今天碰巧在WebStorm 10中尝试过这个。我不确定它是否是一个新功能，但WebStorm已经集成了@diego描述的步骤，因此您不必手动执行它们：

1. 点击查看＆gt;工具窗口＆gt; Grunt在WebStorm中显示Grunt窗口。
2. 右键单击任何任务，然后选择“调试”

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