如何使用WebStorm IDEdebugging我的Meteor应用程序?

任何人都可以提供如何将一个meteor应用程序连接到WebStormdebugging器的简短步骤清单吗?

WebStorm是唯一支持debuggingMeteor服务器代码的IDE,请查看此video 。 即使在Windows上,debugging也非常简单:

WebStorm 9+

进入运行 – >debugging – >编辑configuration…,点击加号,点击“meteor”。 如果需要,可以添加ROOT_URL之类的环境variables。


WebStorm超过9岁

这个答案仅用于历史目的。 你应该升级WebStorm。

在较旧的WebStorms上,您以前必须创build一个Node.jsdebuggingconfiguration。

  • 在服务器上,导出环境variablesNODE_OPTIONS=--debug=47977 。 例如,

     NODE_OPTIONS=--debug=47977 meteor # Linux/Mac set NODE_OPTIONS=--debug=47977 & meteor` # Windows 
  • 使用上面的端口(47977)和服务器主机创build一个WebStorm / PhpStorm运行/debuggingconfiguration。 如果您在本地debugging,请保留127.0.0.1。

运行 - >运行/调试配置

  • 在WebStorm中,运行 – >debugging<myapp>,或按Shift + F9。 确保在“debugging”面板中看到“连接到<您的主机>”

现在你可以设置断点,访问局部variables等

对于客户端debugging,只需使用Chromedebugging器或Firebug即可。

故障排除

  • Process disconnected unexpectedly – 当Meteor由于缺乏特定的支持而自动重启时,会发生这种情况。 只要运行 – >debugging<myapp>,或再次按下Shift + F9。

  • 您无法连接到服务器 – 请确保防火墙规则允许传入连接到您为Node.jsdebugging器select的任何端口(此处为47977)。

其他答案现在已经过时了。 不要像上面描述的那样添加一个Node.jsdebuggingconfiguration,或者打扰spyjs。

如果您使用的是Webstorm 9.0,就像运行 – >debugging – >编辑configuration…一样简单,点击加号,点击“meteor”。

WebStorm也可能会要求您安装一个浏览器插件,但这仅仅是为了客户端debugging; 只需在服务器端代码中添加一个断点,您就会发现它可以直接使用。

JetBrains已经更新了 Dan Dascalescu在上面的答案中链接到的video ,并向您展示了我刚刚描述的过程。

对于使用webpack:webpack应用程序,使用WebStorm的Meteordebuggingconfiguration文件似乎不起作用。

我的设置使用了webpack:webpack v1.0.12,Meteor v1.3.0和WebStorm 2016.1,但可能适用于更高版本(请注意,针对此问题的修复已在v1.0.12中发布,因此早期版本可能不起作用用这个程序)。

这是我为了让它工作而做的:

  1. 在项目根目录下创build一个webpack.json文件。

    它应该包括devtoolconfiguration,它会生成帮助debugging的源映射。 其余的可能会根据您的具体设置进行更改。

     { "root": "src", "devServer": { "host": "localhost" }, "devtool": "source-map" } 
  2. 创build一个debugging设置:

    Node.js远程debugging,端口5858 (该端口是可configuration的)。

    远程节点调试配置

  3. 运行meteor debug

    您可以使用--debug-port <port number>指定一个端口。

    请参阅meteor help debug的全部细节。

    流星调试首先运行

  4. 将WebStorm连接到debugging器

    • 启动debugging器 点击“调试”
    • 状态消息应该表明它已连接。 脚本应在Scripts选项卡中可用。 调试面板应该说明它已连接
    • 服务器应该在控制台中运行 服务器应该恢复执行
  5. 打你的断点,欢喜。

WebStorm 9将有meteor支持。 尽pipeWS 9尚未发布(截至2014年10月7日),但WS 9还有一个早期的访问计划 。

阅读JetBrains WebStorm博客,其中介绍了一些Meteor支持function,并包括一个简短的video。

我是Meteor,WebStorm(和JavaScript)的新手,已经使用WS 9 EAP build 138.2406几个星期了。 我可以在IDE中启动我的项目,设置断点,遍历代码,检查值,跳转到定义以及完成。 这很有帮助。

你可以试试spyjs插件Webstorm: http ://blog.jetbrains.com/webstorm/2014/04/spy-js-webstorm-secret-service/

老版本的Webstorm存在一个错误 ,用于debuggingMeteor 1.2.x的服务器端。 最新版本的Webstorm(11.0.3)于2015年12月24日发布。 发行说明可以在这里find: https : //confluence.jetbrains.com/display/WI/WebStorm+143.1559.5+Release+Notes

我现在能够debugging没有任何问题从Webstorm 🙂