如何在PHPStorm（WebStorm）中debugginggrunt
在PHP Storm中有一个关于debugginggrunt（例如事件监听器函数）的好主意。
在风暴中有Node.js的支持，但我不知道如何configurationdebugging设置，如果我想debugging一个咕噜的任务，例如当一个文件改变和监视任务发出它。
我使用Windows 7.我发现当我在cmd中input“grunt”时，它实际上运行
node c:\Users\<username>\AppData\Roaming\npm\node_modules\grunt-cli\bin\grunt 所以我把PhpStorm运行/debuggingconfigurationPath to Node App JS File = c:\Users\<username>\AppData\Roaming\npm\node_modules\grunt-cli\bin\grunt
现在我在module.exports = function (grunt) { ... }放置一个断点，然后单击工具栏上的“Debug”button – 断点按预期工作！
（如果你不知道PhpStorm中的运行/debuggingconfiguration在哪里阅读： http : //www.jetbrains.com/phpstorm/webhelp/running-and-debugging-node-js.html ）
彼得的post是正确的，但我添加了一些图片，使这一点更清晰的PHPStorm或WebStorm新手
1）从WEBSTORM主菜单： 运行 – >编辑configuration…打开一个对话框
2）单击[+]图标，然后从下拉列表中selectNode.js条目（如果尚未选中）
3）这将打开一个Node.js模板，其基本字段填写。您将需要添加以下字段名称，工作目录，Java脚本文件，应用程序参数
命名 GRUNT或任何你喜欢的
工作目录 C：\ GRUNT-TASKPATH（或任何安装grunt任务的源代码）包含源代码，也应该包含一个gruntfile.js
Javascript文件 “C：\ Users \ USERNAME \ AppData \ Roaming \ npm \ node_modules \ grunt-cli \ bin \ grunt”这是grunt节点应用程序，在linux / mac上它将在不同的目录
应用程序参数 TASKNAME您要debugging的grunt任务的名称
4）不要忘记应用您刚设置的设置，然后按OKclosures对话框
5）打开应该在你的工作目录下的task（task / taskname.js），并设置一个断点
就是这样，您现在可以使用运行菜单中的GRUNTconfiguration或工具栏中的下拉列表来运行或debugging任务。
我正在使用Linux，我必须以奇怪的方式configurationPhpStorm运行/debugging来运行或debuggingGrunt任务，也许是因为我在主文件夹中安装了Node，而不是在/ usr / bin中有一个到二进制文件的链接
我的设置是：
A）“Paht到节点”：我设置path到我的bin节点，我在/ home / ifraixedes / Apps / node / bin /节点B）“节点参数”我设置pathGrunt-cli脚本，在我例如：/ home / ifraixedes / Apps / node / lib / node_modules / grunt-cli / bin / grunt C）“工作目录”：我input要执行的Gruntfile.js目录的path为D ）“节点应用程序JS文件的path”：我input要执行的grunt任务的名称，例如默认
通过这个设置，我可以像通常的NodeJS应用程序一样执行PhpStorm的debugging器，所以我可以在任何需要的地方设置断点。