How to run Processing code in Visual Studio?

Processing
1

image
image1920×1030 39.3 KB

i installed the processing extension to visual studio, but when i run it i get this message
image
image1920×1032 50.6 KB

when i then click on “find processing exstenstion” i get this
image
image1920×1032 41.9 KB

how do i fix this?

2

Hi,

Related thread:

3

hi Joseph how do i add this extension to vs?

4

It’s on the README.md of the repository you provided:

Installation Instructions

  1. Open Visual Studio Code
  2. Open the Command Pallet ( CTRL+SHIFT+P for Windows/Linux or CMD+SHIFT+P on Mac) enter the command “Install Extension”
  3. Search for “Processing Language” and click on this extension.
  4. Restart Visual Studio Code
5

i’ve done that, but it did not solve my problem. it still says i need a processing debugger

image
image1920×851 36 KB

image
image1920×829 28.6 KB

6

Hello,

The link you provided states:

image

Try to cancel it and see what happens.

:)

1 Like
7

What do you mean by cancel it?

8

I guess they meant cancel to close the dialog box :slight_smile:

I don’t have it installed now so I cannot test it - but how you execute a script is not through VS code debugger. Instead you should have an option to run a task that says “run sketch”.

also in the screenshots, I noticed the file name is not valid. Like Processing IDE, you always need to match the folder name to the file name (projectname/projectname.pde). VS Code is a powerful tool (I use it for most of JS dev) but at the same time, it is very confusing, and sticking to Processing IDE is a good idea too. I would say VS Code is preferable when the code gets longer or if you have many tabs (that collapse in Processing IDE) - but for small projects, in my opinion, Processing IDE works fine too.

2 Likes
9

How do I run the sketch? I can’t find this anywhere

10

Hey there

To run Processing sketches from VS (on MacOS) I did the following:

  • Open Processing and make sure processing-java is installed (Tools / install processing-java)
  • Create a new sketch in Processing
  • Open the sketch folder in VS-Code
  • Install the Processing Language - Visual Studio Marketplace Extension
  • Create a task-file with Cmd + Shift + P, then find “Processing: Create Task File”
  • Run the sketch with Cmd + Shift + B.

I remember doing it in a similar way on Windows.
With “Ctrl + Shift + P” and “Ctrl + Shift + B” as keyboard shortcuts.

Tipp: I saved an example sketch with the created task file as a template. Usually I just duplicate that when creating a new sketch.

1 Like