javascript - 使用p5js时有没有办法实时更新页面？

Question

已结束。此问题正在寻求书籍、工具、软件库等的推荐。它不满足 Stack Overflow guidelines 。目前不接受答案。

---

我们不允许提出寻求书籍、工具、软件库等推荐的问题。您可以编辑问题，以便用事实和引文来回答。

已关闭 6 年前。

Improve this question

我想知道是否有一种方法可以随时更新 html 页面，而无需刷新浏览器。正在寻找类似于 LiveReload 或 LiveStyle 的内容。

工具集:Sublime Text 3 + chrome 上的 p5js

干杯，Øz

Answer 1

我个人使用BrowserSync为此，您是否使用 p5 并不重要。

您需要Node.js为了这。您可以使用以下命令安装 BrowserSync:

npm install -g browser-sync

然后浏览到您的项目目录并使用以下命令打开 browsersync:

browser-sync start --server --directory --files "*"

这将在浏览器中打开一个新选项卡，其中列出目录中的文件，然后您可以选择要加载的 html 文件，并且您应该在右上角看到一条已连接到 Browsersync 消息。这还将跟踪当前目录中所有文件的更改，并在任何文件更改时更新页面。