如何在PHPStorm中调试grunt（WebStorm）

在PHP Storm中调试grunt（例如事件监听器函数）有个好主意。如何在PHPStorm中调试grunt（WebStorm）

在风暴中有Node.js的支持，但我不知道如何配置调试设置，如果我想调试一个咕噜任务，例如当一个文件发生变化并且监视任务发出它时。

2013-04-26 ruff

我设法得到使用咕噜的业力观看。没有调试。只要看看shell文件中调用的是什么。在我的情况下，我不得不从我的主目录中听到咕噜声。 – Thomas 2013-05-26 17:52:18

我使用的是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）

来源

2013-06-17 12:21:11 Petr

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

我的设置是：

A）“Paht到节点”：我设置的路径到我的bin节点，我在/ home/ifraixedes/Apps/node/bin/node B）“节点参数”我将路径设置为Grunt-cli scr ipt，在我的情况下：/ home/ifraixedes/Apps/node/lib/node_modules/grunt-cli/bin/grunt C）“工作目录”：我输入路径到Gruntfile.js， D）“通往节点应用JS文件的路径”：我输入要执行的咕噜任务的名字，例如默认

并且通过这个设置，我可以像通常的NodeJS应用那样执行PhpStorm的调试器，无论我需要什么，我都可以设置断点。

来源

2013-06-21 18:52:48

这似乎基本上是正确的，除了你D）应该是应用程序参数：[taskname]，而不是节点应用程序js文件的路径。 – 2015-11-11 07:43:59

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

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

2）单击[+]图标，然后从下拉列表中选择Node.js条目（如果尚未选择）

Configuration Editor

3）这将打开被填充到基本字段Node.js的模板。您将需要添加以下字段名称，工作目录的Java脚本文件，应用参数

enter image description here

名称咕噜或任何你喜欢

工作目录 C： \ GRUNT-TASKPATH（或任何安装grunt任务源的地方）包含源代码，并且还应包含gruntfile.js

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

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

4）不要忘记申请确定关闭对话框

你刚才所做的设置，然后按5）打开应该的任务源在下面像（任务/ taskname.js）工作目录，并设置一个断点

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

来源

2013-11-19 20:13:58 Idistic

如何在PHPStorm中调试grunt（WebStorm）

回答

相关问题