Javascript 让vscode理解p5js

我最近启动了P5JS，并使用VSCode作为编辑器

VSCode不知道P5JS，因为我猜它是一个库，并且会生成所有错误的自动完成

有没有办法将P5JS语言文件导入到VSCode中，因为这真的很麻烦

---

提前感谢您的帮助。

打开VSCode侧栏中的extensions manager，然后键入“p5”。您将找到几个安装选项

单击箭头所指的图标或使用键盘快捷键，如下所示：

Ctrl+Shift+X

或

Ctrl+B

，或

Ctrl+Shift+p

->'扩展：安装扩展`

---

就Visual Studio代码中的P5.js Intellisense而言，目前还没有正式生成的P5.js类型脚本定义文件，因此无法使用npm安装来完成。我已附加到zip文件的链接（因为堆栈溢出不支持文件附件）：

下载后，将它们放在项目目录中的某个位置，并在sketch.js文件中添加对它们的引用

例如：

之后，您将能够获得自动完成和文档：

我准备了一个可以与最新版本的P5JS和已经引用的typescript定义一起使用的脚本。下载>解包>打开代码>完成

如果您想了解更多，我还将更深入地介绍此解决方案

---

编辑2021年2月：将ready to use更新为最新版本的pFp5JS。

我在其上使用了一个P5.js扩展，它似乎完成了这一任务 您需要在说明中下载live server扩展

您还需要创建一个文件夹，然后需要将其键入命令pallette

“创建p5.js项目”

然后你选择你的文件夹，然后你会看到这个

---

然后，选择sketch.js for JavaScript，如果愿意，还可以编辑html代码

是否尝试从NPM下载typescript定义？是否有一种方法可以设置引用路径，而无需在我的sketch.js文件中添加特殊注释？是否可以将其放入.vscode首选项文件或其他文件中？