Use this extension to easily create a new p5play project in Visual Studio Code.
- Open the Command Palette with "command-shift-p" on macOS (or "ctrl-shift-p" on Windows)
- Start typing "p5play" into the Command Palette
- Select "p5play: New Project" and press enter
- Select an empty folder or create a new folder to put your project in.
- Start coding!
The p5play-template folder contains a basic p5play project that you can run offline.
Install the Live Server Visual Studio Code extension so you can run your project in a web browser. Click "Go Live" in the bottom right corner of Visual Studio Code to start the server.
If you want to keep p5play updated, install bun or npm. Then in the file menu hover over "Terminal" and select "New Terminal". In your p5play project folder run bun update
or npm update
to update p5play to the latest version.
Install vsce
to package and publish the extension to the Visual Studio Code Marketplace.
https://code.visualstudio.com/api/working-with-extensions/publishing-extension