IntelliJ IDEA中的P5.js？

Question

几天前我开始学习p5.js，现在我想用IntelliJ IDEA代替p5.js online editor。像setup()、draw()和ellipse()函数这样的大多数函数都能按预期工作，但createCanvas()函数却不能-它带有绿色下划线，并且错误消息显示“未解析的函数或方法createCanvas()”。

我试过使用VSCode，在那里它工作得很好，但我更喜欢使用IntelliJ，所以我想知道如果是，我如何让它在IntelliJ中工作。

<script src="p5.js"></script> //p5.js is the file with all the code from the official p5js.org homepage.
<script src="sketch.js"></script> //sketch.js is the file where my code that should be executed is located

function setup() { //The setup() function is recognized as expected,
    createCanvas(1000, 1000); //But the createCanvas() function isn't.
}

Answer 1

p5函数被定义为p5.prototype.<function name> = function(){}，因此在这里需要一个名称空间...作为解决办法，请尝试安装p5类型:在首选项|语言和框架| JavaScript |库中，按Downloads...，从列表中选择p5。这应该可以解决问题。

​

​

Answer 2

我过去常常模仿p5js IDEA中的IntelliJ在线编辑器，将Live Edit插件与拆分屏幕、Chrome和IntelliJ结合使用。该插件将自动更新您在Chrome窗口中的HTML/JS。您可以立即看到对p5js代码所做更改的效果。只有在调试模式下运行HTML/JS文件时，它才会起作用。

下面是一个例子：

​

​