从Webstorm进行Grunt调试

Question

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

- Kamal Reddy

---

请查看这篇小文章--如有需要，请使用任何在线翻译器：http://habrahabr.ru/post/170441/ - LazyOne

该文章提到了这个WebStorm帮助文件：https://www.jetbrains.com/webstorm/webhelp/running-and-debugging-node-js.html。 - Kees de Kooter

Answer 1

您需要将 grunt-cli 作为 Node 应用程序运行:

• 创建一个新的 Node.js 运行/调试配置: Run->Edit configurations...
• 在Node 路径中选择您的 Node 二进制文件，例如： /Users/someuser/nvm/v0.10.5/bin/node
• 在工作目录中选择您的 Gruntfile.js 目录,例如: /Projects/someproject
• 在Node 应用程序 JS 文件路径中选择您的 Grunt CLI 路径 (您可以选择在 node 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

点击运行或调试即可完成 :)

- Diego

---

有没有办法配置WebStorm在文件保存时自动运行Grunt测试？谢谢。 - Lance

我以前从未这样做过，但是如果您进入项目设置并配置自定义文件监视器（搜索“文件监视器”，然后单击底部的加号并选择自定义），则可以在每次更改文件时使用Grunt启动节点。 （我通常在第二个终端中使用grunt watch而不是使用文件监视器） - Diego

有什么想法为什么启动此调试会花费很长时间才能启动？ - devmiles.com

我明白它是怎么工作的，当我将“Node应用JS文件路径”设置为grunt二进制文件的路径：“/usr/local/lib/node_modules/grunt-cli/bin/grunt”时。 - ebaranov

对于我而言，我使用which grunt的输出来找到正确的Node App JS文件路径。 - JonnyReeves

Answer 2

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

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

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

- jayp

---

你必须确保在运行配置中包含任何环境变量，因为当通过右键单击“编辑'task'设置...”选项时，通过工具窗口进行操作会丢失这些变量。 - br3w5