如何调试在PHPStorm咕噜（WebStorm）(How to debug grunt in PH

有anobody有关调试咕噜（例如一个事件监听器功能）PHP风暴是个好主意。

有风暴Node.js的支持，但我不知道如何配置调试设置，如果我想调试咕噜任务，例如当修改的文件和手表任务发射它。

Answer 1:

我使用的是Windows 7，我发现当我输入“咕噜”在cmd中实际上它运行

node c:\Users\<username>\AppData\Roaming\npm\node_modules\grunt-cli\bin\grunt

所以，我投入PhpStorm运行/调试配置Path to Node App JS File = c:\Users\<username>\AppData\Roaming\npm\node_modules\grunt-cli\bin\grunt

现在我把一个断点内module.exports = function (grunt) { ... }然后单击“调试”按钮工具栏上-断点按预期工作！

（如果你不知道在哪里PhpStorm运行/调试配置阅读： http://www.jetbrains.com/phpstorm/webhelp/running-and-debugging-node-js.html ）

Answer 2:

切赫的职位是正确的，但我增加了一些照片，使本作PHPStorm或WebStorm新手多一点清晰

---

1）从WEBSTORM主菜单： 运行- >编辑配置...打开一个对话框

2）点击[+]图标，然后选择从下拉Node.js的入口，如果它没有被选定

3）这将打开一个Node.js的模板，填写基本字段，你将需要添加以下字段名称，工作目录的Java脚本文件，应用程序参数

咕噜命名或任何你喜欢

工作目录 C：\包含源，也应该包含gruntfile.js咕噜-TASKPATH（或其它地方安装了繁重的任务源）

JavaScript文件 “C：\ Users \用户名\ AppData \漫游\故宫\ node_modules \咕噜-CLI \ BIN \咕噜”这是繁重的节点应用，在Linux / MAC将在不同的目录

应用参数 TASKNAME，你会调试你的呼噜声任务的名称

4）不要忘记申请你刚才的设置，然后按确定，关闭对话框

5）打开，应该是下像（任务/ taskname.js工作目录的任务源），并设置一个断点

就是这样，你现在可以运行或调试使用从运行菜单繁重的配置，或滴在工具栏上下来的任务。

Answer 3:

我使用Linux和我必须配置PhpStorm运行/调试以一种不可思议的方式来运行或调试咕噜任务，可能是由于我已经在我的主文件夹安装节点，而不是有一个链接到在/ usr / bin中的二进制

我的设置是：

A）“Paht到节点”：我的路径设置为我在/ home / ifraixedes /应用/节点/斌/节点B）我斌节点“节点参数”我将路径设置为步兵，CLI脚本，在我案例：/家庭/ ifraixedes /应用/节点/ lib中/ node_modules /咕噜-CLI /斌/咕噜C）“工作目录”：我输入的目录路径，其中Gruntfile.js，我想执行，是d ）“路径节点应用JS文件”：我打字繁重的任务来执行，例如默认的名称

而与此设置，我可以执行PhpStorm的调试器作为平常应用的NodeJS，所以我可以设置的地方我需要的断点。

文章来源: How to debug grunt in PHPStorm (WebStorm)