如何调试 node.js react express 应用程序

【问题标题】：How to debug node.js react express applications如何调试 node.js react express 应用程序
【发布时间】：2017-02-14 01:49:40
【问题描述】：

我来自传统的编程背景，这意味着我可以在一段代码上设置断点，当执行该代码时，调试器会将我扔到代码中。

在开发这些网络应用程序时，似乎唯一能做的调试就是“printf”调试并使用像 FireFox Developer 这样的工具来检查网络元素。

我如何运行代码以使其进入调试器？现在我使用的是文本编辑器，但不是真正的 GUI 开发环境。

任何指针将不胜感激。

【问题讨论】：

您可以在 Canary 的 chrome 开发工具中调试节点脚本。
感谢会调查它。

标签： javascript node.js reactjs express development-environment

【解决方案1】：

您绝对可以在 JavaScript 代码中设置断点。您需要从文本编辑器升级到像 Webstorm 这样的实际 IDE，这将允许您轻松地为服务器端 NodeJS 代码设置断点。

对于您的客户端 Express 代码，大多数 IDE 都有某种浏览器集成，可以让您设置 JavaScript 断点，但我倾向于只使用浏览器的内置开发人员工具。查找 Firefox 或 Chrome 开发人员工具并了解如何使用它们来执行诸如在代码中设置断点之类的操作。您提到使用 Firefox 开发人员工具检查元素，但您似乎错过了开发人员工具窗口中的 Debugger 选项卡。

【讨论】：

还有 node --inspect whatever.js 在任何 6+ 版本的节点上。
抱歉 6.3+。除此之外还有node-inspector
谢谢。从未听说过Webstorm。会调查的。