在 Sublime 文本上使用 Flask 后端编写 javascript/p5.js 代码时如何调试和获取错误消息？

Question

我当前的 Web 应用程序项目基于虚拟机中的 Flask 后端。我使用 Sublime Text 编写代码，命令行为运行 Flask run，我在网络浏览器中查看 http://127.0.0.1:5000/ 上的页面。当 Flask 后端出现问题时，我会看到错误消息。

我的文件夹结构如下：

app.py
/templates
    index.html
/static
    /css
    /js
        my_js.js

我是 Flask 和 JavaScript 的新手，我不确定如何查看错误消息来调试 my_js.js 代码。

Answer 1

就像我在评论中提到的，听起来您正在寻找浏览器的 developer tools，特别是 JavaScript 控制台。

至少，您应该检查 JavaScript 控制台是否有错误。您还可以使用 console.log() 调用来获取更多信息，或使用 JavaScript 调试器。大多数时候，Web 开发人员将他们的 JavaScript 控制台在单独的 window 中打开并不少见。

除此之外，您的开发者工具还有其他功能，包括检查 HTML 内容和网络流量的能力。而且您无需安装任何额外的东西：所有现代浏览器都自带。

有关更多信息，我建议根据您的浏览器使用谷歌搜索 "chrome developer tools" 或 "firefox developer tools"。这里有一些资源可以帮助您入门：

也可以直接从 Sublime Text 调试 JavaScript。我不是那里的专家，所以老实说我不知道。但我还是会从浏览器的开发人员工具开始。祝你好运！

How to debug and get error messages while writing javascript/p5.js code with Flask backend on Sublime text?