首页 > 解决方案 > 如何在 Windows 上安装 P5js?

问题描述

我已经在我的 Windows 电脑上下载了 p5js 文件,但找不到安装它的方法 你在你的电脑上安装了 p5js 如果是,请帮助我

这是一个 zip 文件,所以我使用 Winrar 将其解压缩,但在解压缩的文件中有一个名为 MacOSX 的文件,我想这是为 Mac 用户准备的,即使我在官方网站上单击了 Windows 的下载按钮

标签: p5.js

解决方案


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

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

p5js 入门有一个很好的介绍和一些最小的例子。

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 浏览器打开。

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


推荐阅读