如何在 windows 上安装 P5js？

Question

我已经在我的 windows 计算机上下载了 p5js 文件，但找不到安装它的方法你有没有在你的电脑上安装 p5js 如果是那么请帮助我

它是一个 zip 文件，所以我使用 Winrar 将其解压缩，但在解压缩的文件中有一个名为 MacOSX 的文件，我想这是给 mac 用户的，即使我点击了 Windows 下载按钮官网

Answer 1

我们不需要安装任何东西，只需要使用CDN…

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/p5.js"></script>

Answer 2

为了使用 P5js 包含 CDN

<html>
   <head>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/p5.js">
     </script>
   </head>
   <body>
   </body>
</html>

Answer 3

正如其他人所说，p5.js 是一个 JavaScript 库，因此您实际上不需要安装任何东西它就可以工作。

如果您正在寻找 p5.js 编辑器，我建议您使用 p5.js web editor，它可以为您处理一切。

无耻的自我推销：here is a tutorial on using p5.js in various editors, and here 是关于将脚本包含在 HTML 文件中的教程。

Answer 4

p5js 不需要安装。 javascript 库可以在本地下载和访问，也可以从 CDN 拉入。

问题提到了源中包含的 MacOSX 文件夹。您可以忽略甚至删除此文件夹。 MacOSX 文件夹包含一个 _DS_Store 文件，它帮助 Mac 操作系统知道如何显示文件夹内容。有关详细信息，请参阅 DS_Store 维基文章。

p5js get-started 有一个很好的介绍和一些简单的例子。

function setup() {

}

function draw() {
  ellipse(50, 50, 80, 80);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.8.0/p5.min.js"></script>

如果您下载了 p5.js 的副本，完整的 HTML 示例可能如下所示

<html>
  <body>
    <script src='p5.js'></script>
    <script>
    function setup(){}
    function draw(){
      ellipse(50,50,80,80);
    }
  </script>
 </body>
</html>

像上面那样的草图可以简单地用 html 扩展名保存在与 p5.js 文件相同的文件夹中，并用网络浏览器打开。

需要注意的一件事是，当您编写需要图像或数据文件等资源的更复杂的草图时，您可能需要在服务器上托管您的项目。这也很简单。在此处获取有关简单 Web 服务器的更多信息：local-server

Answer 5

你不需要安装任何东西，因为你可以使用web editor or you can install the processing editor和添加p5.js模式，它会很方便地为你设置好一切。

Answer 6

我的建议是使用 IDE 和 P5.JS

https://code.visualstudio.com/

之后安装扩展

然后创建一个文件夹并随意命名

然后按 CTRL SHIFT P 并输入

“创建 p5.js 项目”

然后 select 您的文件夹并点击

Sketch.js

如何在 windows 上安装 P5js？

How to install P5js on windows?

p5.js