View on Github Pages

p5-vite-boilerplate

The p5-vite-boilerplate is a template designed for creative coding with p5.js. It simplifies the setup and structure for your creative coding projects, making it easier to unleash your creativity.

Features

• Vite: The project is built on the Vite build tool, which offers fast and efficient development, making it an excellent choice for your projects.
• ESM (ECMAScript Modules): This boilerplate embraces ECMAScript Modules for a modular and organized codebase, ensuring a maintainable project structure.
• Type-safe: Ensures type safety, reducing potential errors in your code and providing a smoother development experience.

Getting Started

Prerequisites

Before you start using the p5-vite-boilerplate, ensure you have the following prerequisites installed:

• Node.js: Vite requires Node.js version 14.18+, 16+. Please upgrade if your package manager warns about it.
• Visual Studio Code: Visual Studio Code is the free and open-sourced code editor. It is one of the top most editor used especially for JavaScript application development.

Recommended Plugin for VSCode:

• Prettier: Prettier is a code formatter that ensures consistent and clean code. Installing this plugin in Visual Studio Code will enhance your development experience.

Installation

To set up the p5-vite-boilerplate, follow these steps:

git clone https://github.com/luisfloat/p5-vite-boilerplate.git
cd p5-vite-boilerplate
code .
npm i # pnpm install
npm run dev # pnpm dev

These instructions will get you up and running with the p5-vite-boilerplate, ready to start your web development journey.