来自Webstorm的Grunt调试

Question

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

Answer 1

您必须将grunt-cli作为Node应用程序运行:

• 创建一个新的Node.js运行/调试配置:运行 - >编辑配置...
• 在Path to Node中选择节点二进制,即:/Users/someuser/nvm/v0.10.5/bin/node
• 在工作目录中,选择您的Gruntfile.js目录,即/Projects/someproject
• 在路径节点应用JS文件,选择你的咕噜CLI路径(你可以选择grunt-cli你的节点bin目录下创建符号链接,WebStorm将使用链接目标),即:/Users/someuser/nvm/v0.10.5/lib/node_modules/grunt-cli/bin/grunt (C:\Users\someuser\AppData\Roaming\npm\node_modules\grunt-cli\bin\grunt在Windows 7)
• 在应用程序参数中输入要运行的Grunt任务,例如default或test

单击Run或Debug,你就完成了:)

Answer 2

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

1. 单击视图>工具窗口> Grunt以在WebStorm中显示Grunt窗口.
2. 右键单击任何任务,然后选择"调试"

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