如何使用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。
-
在服务器上,导出环境variables
NODE_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的Meteor
debuggingconfiguration文件似乎不起作用。
我的设置使用了webpack:webpack
v1.0.12,Meteor v1.3.0和WebStorm 2016.1,但可能适用于更高版本(请注意,针对此问题的修复已在v1.0.12中发布,因此早期版本可能不起作用用这个程序)。
这是我为了让它工作而做的:
-
在项目根目录下创build一个
webpack.json
文件。它应该包括
devtool
configuration,它会生成帮助debugging的源映射。 其余的可能会根据您的具体设置进行更改。{ "root": "src", "devServer": { "host": "localhost" }, "devtool": "source-map" }
-
创build一个debugging设置:
Node.js远程debugging,端口
5858
(该端口是可configuration的)。 -
运行
meteor debug
您可以使用
--debug-port <port number>
指定一个端口。请参阅
meteor help debug
的全部细节。 -
将WebStorm连接到debugging器
- 启动debugging器
- 状态消息应该表明它已连接。 脚本应在
Scripts
选项卡中可用。 - 服务器应该在控制台中运行
-
打你的断点,欢喜。
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 🙂