javascript - 如何调试 node.js React Express 应用程序

Question

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

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

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

如有任何指点，我们将不胜感激。

Answer 1

您完全可以在 JavaScript 代码中设置断点。您需要从文本编辑器升级到真正的 IDE，例如 Webstorm这将使您可以轻松地为服务器端 NodeJS 代码设置断点。

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