logo标签列表

如何在TypeScript中导入p5.js？

javascripttypescriptp5.js
7
我正在尝试使用TypeScript开始一个项目，并想要使用p5.js库。是否有任何方法可以将该库“导入”到我的index.ts文件中，以便我不需要在HTML中放置<script src="p5.js"></script>？我对模块很陌生。谢谢您提前的帮助。
2个回答
11

我认为你可以在npm上找到可用的p5包来使用：

安装

npm i -D p5 @types/p5

// Or yarn

yarn add -D p5 @types/p5

然后导入您想要使用的内容：

import { Camera } from 'p5';
我该如何在草图中使用这个？ - undefined
-10
你可以添加这个：

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.1.9/p5.js"></script>，就像这里一样：

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


对不起，除非您使用类似在线编辑器的工具，否则这是唯一的方法。 PlayCode.io 如果需要，您可以转到左侧边栏并输入p5.js。为了将编辑器设置为TypeScript，请转到编辑器的右上角（而不是页面），然后单击标有[JS]的按钮，选择所需的语言。



我希望我的回答对你有所帮助。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接