How to use P5.js with Visual Studio Code

Download Visual Studio Code


Go to Extensions Tab (⇧⌘X)
Type p5
Find p5.vscode and install
Also, find p5canvas and Install 


Command Pallete (⇧⌘P)
Create p5.js Project
Click p5canvas in the bottom right corner


You can use a canvas in Visual Studio Code. 


Or click the Go Live button and use a safari.


It'll be refreshed when you save your sketch in Visual Studio Code. And if you want to see the console log, Go to Safari - Develop and click the Show Web Inspector (⌥⌘I)





Computer Graphics Study how to use p5js Study visual studio code vscode

Related Posts

{{posts[0].label}}

{{posts[0].title}}

{{posts[0].date}} {{posts[0].commentsNum}} {{messages_comments}}
{{posts[1].label}}

{{posts[1].title}}

{{posts[1].date}} {{posts[1].commentsNum}} {{messages_comments}}
{{posts[2].label}}

{{posts[2].title}}

{{posts[2].date}} {{posts[2].commentsNum}} {{messages_comments}}
{{posts[3].label}}

{{posts[3].title}}

{{posts[3].date}} {{posts[3].commentsNum}} {{messages_comments}}