让vscode了解p5js

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了让vscode了解p5js相关的知识,希望对你有一定的参考价值。

我最近开始使用P5JS,我使用VSCode作为编辑器。

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

有没有办法将P5JS语言文件导入VSCode,因为这真的很痛苦。

预先感谢您的帮助。

答案

就Visual Studio Code中的P5.js的Intellisense而言,目前还没有正式构建的p5.js打字稿定义文件,因此无法用npm install完成。我附加了一个zip文件的链接(因为堆栈溢出不支持文件附件):

https://www.filehosting.org/file/details/795689/p5.d.zip

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

E.g:

<reference path =“./ p5.global-mode.d.ts”/>

之后,您将能够获得自动完成和文档:

enter image description here

另一答案

在VSCode的侧栏中打开扩展管理器,然后键入“p5”。您将找到几个要安装的选项。

单击箭头指向的图标或使用键盘快捷键,如下所示:

Ctrl+Shift+XCtrl+B,或Ctrl+Shift+P - >'扩展:安装扩展名`enter image description here

以上是关于让vscode了解p5js的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段(vue主模板)

VSCode自定义代码片段——声明函数

VS Code中自定义Emmet代码片段

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段1——vue主模板

VSCode自定义代码片段8——声明函数