在 Atom 上设置 p5.js
Setting up p5.js on Atom
我是 p5.js.I 的新手，想知道如何使用 atom live server 在 Atom 中设置它。我想不出解决方法。YouTube 上的大多数教程都使用p5.dom.js 文件，不幸的是，该文件不在其网站上提供的完整 p5.js 包中。请帮忙。
当你在后台打开web editor时，实际上隐藏了一个index.html文件。该文件引用 p5.js（在过去的 p5 中。它也链接到 p5dom）。
要使用您的草图复制实时服务器，请确保您有一个项目文件夹，其中包含您的 index.html 文件链接到 p5.js 以及您的 sketch.js.
Getting Started 教程在 在您自己的计算机上使用编辑器设置 p5.js 部分演示了一个示例。
Atom 中的实时服务器很原始！要将其与 p5.js 项目一起使用，请转至文件 > 添加项目文件夹并选择包含 p5.js 项目的文件夹。例如，这应该至少包含您的 index.html、sketch.js 和 p5.js 库。并确保您的 index.html 的结构与上面的入门教程中的一样。现在它已打开，您可以转到 Packages > Atom Live Server > Start Server。它应该启动浏览器 window 并让您预览。
请注意，如果您打开了多个项目，您想要预览的项目必须是左侧文件查看器中最顶层的项目。如果不是，请将您的项目文件夹拖到顶部。
我是 p5.js.I 的新手，想知道如何使用 atom live server 在 Atom 中设置它。我想不出解决方法。YouTube 上的大多数教程都使用p5.dom.js 文件，不幸的是，该文件不在其网站上提供的完整 p5.js 包中。请帮忙。
当你在后台打开web editor时，实际上隐藏了一个index.html文件。该文件引用 p5.js（在过去的 p5 中。它也链接到 p5dom）。
要使用您的草图复制实时服务器，请确保您有一个项目文件夹，其中包含您的 index.html 文件链接到 p5.js 以及您的 sketch.js.
Getting Started 教程在 在您自己的计算机上使用编辑器设置 p5.js 部分演示了一个示例。
Atom 中的实时服务器很原始！要将其与 p5.js 项目一起使用，请转至文件 > 添加项目文件夹并选择包含 p5.js 项目的文件夹。例如，这应该至少包含您的 index.html、sketch.js 和 p5.js 库。并确保您的 index.html 的结构与上面的入门教程中的一样。现在它已打开，您可以转到 Packages > Atom Live Server > Start Server。它应该启动浏览器 window 并让您预览。
请注意，如果您打开了多个项目，您想要预览的项目必须是左侧文件查看器中最顶层的项目。如果不是，请将您的项目文件夹拖到顶部。