Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>p5.js Project StarterNew to Visual Studio Code? Get it now.
p5.js Project Starter

p5.js Project Starter

Tomas Curzio

|
133 installs
| (2) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

p5.js Project Starter

Descripción (Español)

La extensión permite iniciar un nuevo proyecto de p5.js de manera rápida en Visual Studio Code. Al ejecutarla, se generarán automáticamente los archivos necesarios: index.html, styles.css y index.js con una estructura básica lista para comenzar.

Instalación y Uso

1. Agregar la extensión a VS Code

  • Agregar la extensión a nuestro entorno de VSCode haciendo clic en "Install".

2. Crear una nueva carpeta en la computadora

  • Abrir el explorador de archivos y crear una nueva carpeta donde almacenar el proyecto de p5.js.

3. Abrir la carpeta en VS Code

  • Abrir Visual Studio Code.
  • Ir a Archivo > Abrir Carpeta y seleccionar la carpeta creada.

4. Buscar la extensión usando Cmd + Shift + P (Mac) o Ctrl + Shift + P (Windows/Linux)

  • En la barra de búsqueda que aparece, escribir New p5 Project y seleccionarlo.

5. Correr la extensión

  • La extensión generará automáticamente los archivos base dentro de la carpeta seleccionada.

¡Listo!

Description (English)

This extension allows you to quickly start a new p5.js project in Visual Studio Code. When executed, it will automatically generate the necessary files: index.html, styles.css and index.js with a basic structure ready to get started.

Installation and Usage

1. Add the extension to VS Code

  • Add the extension to your VS Code environment by clicking "Install."

2. Create a new folder on your computer

  • Open the file explorer and create a new folder to store the p5.js project.

3. Open the folder in VS Code

  • Open Visual Studio Code.
  • Go to File > Open Folder and select the folder you created.

4. Search for the extension using Cmd + Shift + P (Mac) or Ctrl + Shift + P (Windows/Linux)

  • In the search bar that appears, type New p5 Project and select it.

5. Run the extension

  • The extension will automatically generate the base files inside the selected folder.

You're all set!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft