javascript - 在 Atom 上设置 p5.js

Question

我是 p5.js 的新手。我想知道如何使用 atom 在 atom 中设置它atom live server。我无法找到解决方法。YouTube 上的大多数教程都使用该p5.dom.js文件，遗憾的是完整的 p5 中不存在该文件.js 包在他们的网站上提供。请帮忙。

标签： javascriptatom-editorp5.js

Answer 1

当您在后台打开Web 编辑器时，实际上隐藏了一个 index.html 文件。该文件引用了 p5.js（在 p5 的早期版本中，它还链接到 p5dom）。

要使用您的草图复制实时服务器，请确保您有一个项目文件夹，其中包含您的 index.html 文件链接到 p5.js 以及您的草图.js。

入门教程在使用您自己的计算机上的编辑器设置 p5.js部分中演示了一个示例。

Atom 中的实时服务器是原始的！要将它与 p5.js 项目一起使用，请转到文件 > 添加项目文件夹并选择保存 p5.js 项目的文件夹。例如，这应该至少包含您的 index.html、sketch.js 和 p5.js 库。并确保您的 index.html 的结构类似于上面的入门教程。现在它已打开，您可以转到 Packages > Atom Live Server > Start Server。它应该启动一个浏览器窗口并让您预览。

请注意，如果您打开了多个项目，您想要预览的项目必须是左侧文件查看器中最顶部的项目。如果不是，请将您的项目文件夹拖到顶部。