如何调试 node.js React Express 应用程序
How to debug node.js react express applications
我是传统编程出身，意思是我可以在一段代码上打断点，当那段代码执行时，调试器会把我扔进代码里。
在开发这些网络应用程序时，调试人员似乎唯一能做的就是"printf"调试并使用像 FireFox Developer 这样的工具来检查网络元素。
我如何 运行 代码以便将我放入调试器？现在我使用的是文本编辑器，但不是真正的 GUI 开发环境。
任何指点将不胜感激。
您绝对可以在 JavaScript 代码中设置断点。您需要从文本编辑器升级到真正的 IDE，例如 Webstorm，这样您就可以轻松地为 server-side NodeJS 代码设置断点。
对于您的 client-side Express 代码，大多数 IDE 都有某种浏览器集成，可以让您设置 JavaScript 断点，但我倾向于只使用浏览器的 built-in 开发者工具。查看 Firefox 或 Chrome 开发人员工具并了解如何使用它们来执行诸如在代码中设置断点之类的操作。您提到使用 Firefox 开发人员工具检查元素，但您似乎错过了开发人员工具 window.
中的 Debugger 选项卡
我是传统编程出身，意思是我可以在一段代码上打断点，当那段代码执行时，调试器会把我扔进代码里。
在开发这些网络应用程序时，调试人员似乎唯一能做的就是"printf"调试并使用像 FireFox Developer 这样的工具来检查网络元素。
我如何 运行 代码以便将我放入调试器？现在我使用的是文本编辑器，但不是真正的 GUI 开发环境。
任何指点将不胜感激。
您绝对可以在 JavaScript 代码中设置断点。您需要从文本编辑器升级到真正的 IDE，例如 Webstorm，这样您就可以轻松地为 server-side NodeJS 代码设置断点。
对于您的 client-side Express 代码，大多数 IDE 都有某种浏览器集成，可以让您设置 JavaScript 断点，但我倾向于只使用浏览器的 built-in 开发者工具。查看 Firefox 或 Chrome 开发人员工具并了解如何使用它们来执行诸如在代码中设置断点之类的操作。您提到使用 Firefox 开发人员工具检查元素，但您似乎错过了开发人员工具 window.
中的 Debugger 选项卡