Use this extension to easily create and run p5play projects in Visual Studio Code.
- Open a new window in Visual Studio Code
- Find "p5play" in the bottom status bar and click it.
- When the p5play tab opens, click "Create a new p5play project"
- Enter the name of the project and then select the destination folder.
- Happy coding! 🎉😃🎮
The p5play-template folder contains a basic p5play project that you can run offline.
If you have a p5play project folder open in VSCode, simply click "p5play" in the bottom status bar. A live server will start and your project will run inside the p5play tab.
Click the play icon in the nav or save any changes to your project files to re-run your project.
Click the debug icon in the nav to open the VSCode Dev Tools panel, which is just like the one in Chrome.
Click the mobile icon in nav to generate a QR code. Scan it with your phone camera's to run your project with your phone's web browser!
Click the browser icon in the nav to open your project in your default web browser.
Alternatively, you can use the VSCode command palette, open with Ctrl+Shift+P or Cmd+Shift+P, and start by typing p5play.
Available commands:
- "p5play: New Project"
Run and debug the extension using Visual Studio Code.
To package the extension, run vsce package and then vsce publish in the terminal.