17

谁能提供有关如何将 Meteor 应用程序连接到 WebStorm 调试器的简短步骤列表？

4

6 回答 6

24

WebStorm 是唯一一个原生支持调试 Meteor 服务器代码的 IDE——查看这个视频。即使在 Windows 上，调试也非常简单：

网络风暴 9+

转到 Run --> Debug --> Edit configurations... ，单击加号，单击“Meteor”。如果需要，您可以添加 ROOT_URL 等环境变量。

WebStorm 9 岁以上

此答案仅出于历史目的而保留。您应该升级 WebStorm。

在较旧的 WebStorms 上，您过去必须创建 Node.js 调试配置。

  • 在服务器上，导出环境变量NODE_OPTIONS=--debug=47977。例如，

    NODE_OPTIONS=--debug=47977 meteor  # Linux/Mac
set NODE_OPTIONS=--debug=47977 & meteor`  # Windows

  • 使用上面的端口 (47977) 和服务器主机创建 WebStorm/PhpStorm 运行/调试配置。如果您在本地调试，请保留 127.0.0.1。

运行 -> 运行/调试配置

  • 在 WebStorm 中，运行 -> 调试 <myapp>，或按 Shift+F9。确保您在“调试”面板中看到“已连接到 <您的主机>

现在您可以设置断点，访问局部变量等。

对于客户端调试，只需使用 Chrome 调试器或 Firebug。

故障排除

  • Process disconnected unexpectedly- 由于缺乏对 Meteor 的特定支持，当流星自动重启时会发生这种情况。只需运行 -> 调试 <myapp>，或再次按 Shift+F9。

  • 您无法连接到服务器 - 确保防火墙规则允许传入连接到您为 Node.js 调试器选择的任何端口（此处为 47977）。

于 2014-02-05T07:36:33.550 回答
11

其他答案现在已经过时了。不要像上面描述的那样添加 Node.js 调试配置，或者使用 spyjs。

如果您使用的是 Webstorm 9.0，只需运行 --> 调试 --> 编辑配置...，单击加号，单击“Meteor”。

WebStorm 也可能会要求您安装浏览器插件，但这只是用于客户端调试；只需在服务器端代码中添加一个断点，您就会看到它开箱即用。

JetBrains 更新了上面 Dan Dascalescu 回答中链接的视频，它向您展示了我刚刚描述的过程。

于 2015-01-25T06:30:35.683 回答
5

对于使用 的应用程序webpack:webpack，使用 WebStorm 的Meteor调试配置文件似乎不起作用。

我的设置使用webpack:webpackv1.0.12、Meteor v1.3.0 和 WebStorm 2016.1，但可能适用于更高版本（请注意，针对此问题的修复已在 v1.0.12 中发布，因此早期版本可能不适用于此过程）。

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

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

    它应该包括devtool配置，它生成有助于调试的源映射。其余的可能会根据您的特定设置进行更改。

    {
  "root": "src",
  "devServer": {
    "host": "localhost"
  },
  "devtool": "source-map"
}

  2. 创建调试设置：

    Node.js 远程调试，端口5858（端口可配置）。

    远程节点调试配置

  3. 跑meteor debug

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

    请参阅meteor help debug完整的详细信息。

    流星调试第一次运行

  4. 将 WebStorm 连接到调试器

    • 启动调试器 点击
    • 状态消息应表明它已连接。脚本应该在Scripts选项卡中可用。 调试面板应声明已连接
    • 服务器应该在控制台中运行 服务器应该恢复执行

  5. 击中你的断点并欢欣鼓舞。

于 2016-03-31T12:26:22.837 回答
3

WebStorm 9 将支持 Meteor。虽然 WS 9 尚未发布（截至 2014 年 10 月 7 日），但有一个WS 9 的早期访问计划。

阅读 JetBrains WebStorm 博客，该博客描述了一些 Meteor 支持功能并包含一个简短的视频。

我是 Meteor、WebStorm（和 JavaScript）的新手，并且已经使用 WS 9 EAP build 138.2406 几个星期了。我可以从 IDE 中启动我的项目、设置断点、遍历代码、检查值、跳转到定义以及发出补全。这很有帮助。

于 2014-10-07T20:01:15.337 回答
0

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

于 2014-11-14T01:22:46.450 回答
0

旧版本的 Webstorm有一个错误，用于调试 Meteor 1.2.x 的服务器端。2015 年 12 月 24 日发布的最新版 Webstorm (11.0.3) 修复了它。发行说明可以在这里找到：https ://confluence.jetbrains.com/display/WI/WebStorm+143.1559.5+Release+Notes

我现在可以毫无问题地从 Webstorm 进行调试 :)

于 2016-02-10T12:15:12.910 回答