This extension provides support for the Processing programming language in Visual Studio Code.
With familiar run and stop buttons, syntax highlighting, and other helpful features like code suggestions, this extension is designed to support creative coding with Processing for people who prefer using Visual Studio Code as their code editor of choice.
To use this extension, you need to have the preview release of Processing (4.4.76) installed on your system. You can download it from this link: Processing 4.4.76 Preview.
Important
Make sure to run Processing 4.4.76 at least once before using the extension. This step is needed to initialize some required files.
▶️ Run / Stop buttons: Play your sketch directly in VS Code.- 📁 Sketchbook & Examples Explorer: Browse and open sketches easily.
- 🎨 Syntax Highlighting: Color-coded formatting for Processing functions and variables.
- 💡 Code suggestions & error checking: Powered by Processing’s Language Server.
- 🛠️ No setup required: The extension auto-detects your Processing install.
To use the Processing VSCode extension, follow these steps:
- Install the Processing 4.4.76 preview.
- Open a
.pde
file or use the sketchbook/explorer in VS Code. - Press
▶️ to run your sketch!
If you encounter any issues with the Processing VSCode extension, try the following steps:
- Restart VS Code.
- Make sure no other Processing extensions are installed in VSCode.
- Quit any running instances of Processing.
- Double-check that you're using the correct version of Processing (4.4.76).
- Try running the Processing app once before opening VS Code.
This extension has been tested on the following platforms:
- ✅ macOS (Apple Silicon)
- ✅ Windows 64-bit
- ✅ Linux 64-bit
- Play/Stop buttons don’t reflect the actual running state yet.
- Snap release of Processing (Linux and WSL) is not supported yet (use the portable version instead).
- Syntax highlighting for Processing-specific constants (e.g.,
PI
,RGB
,DEGREES
, etc) is not yet implemented. - Classes imported from third-party libraries are not recognized by the language server, leading to line errors (the sketch will still run correctly) see issue #9.
This extension is still in development, and you’re welcome to help!
Note
Before opening a pull request, it's usually a good idea to start a conversation in the related issue or open a new one. This gives us a chance to talk through the idea together, point you to relevant parts of the code or documentation, and help make your contribution smoother and more likely to be accepted.
- Fork the repository
- Clone your fork
- Create a new branch
- Make your changes
- Test your changes locally
- Commit your changes (use a descriptive commit message)
- Push to your fork and open a pull request
This project is licensed under the GPL-2.0 License. See the LICENSE file for details.
For information about Processing's own licensing, please refer to the Processing README file.