【Processing】使用vscode编辑运行Processing

最近要做一个可以展示在浏览器中的立方体，考虑到p5来实现，于是准备先在Processing上做个demo。由于Processing自带的代码缩进是在难受，于是折腾一下看vscode能不能取而代之（编辑，运行）。

前提准备

开发机是mac，先装好vscode和Processing。

首先打开vscode，在扩展中搜索"processing"，第一个结果就是我们需要的扩展。

其次Processing要将processing-java安装好，在processing的工具栏中点击安装“proceesing-java”。（感觉上只是加了个环境变量让终端能访问到，而不是真正的安装。）

最后在你的processing工程的根目录里创建.vscode/tasks.json，里面填充以下内容：

{
	"version": "2.0.0",
	"tasks": [
	  {
		"label": "Run Sketch",
		"type": "shell",
		"group": {
		  "kind": "build",
		  "isDefault": true
		},
		"command": "${config:processing.path}",
		"presentation": {
		  "echo": true,
		  "reveal": "always",
		  "focus": false,
		  "panel": "dedicated"
		},
		"args": [
		  "--force",
		  "--sketch=${workspaceRoot}",
		  "--output=${workspaceRoot}/out",
		  "--run"
		],
		"windows": {
		  "args": [
			"--force",
			"--sketch=${workspaceRoot}",
			"--output=${workspaceRoot}\\out",
			"--run"
		  ]
		}
	  }
	]
  }

然后就大功告成了，根目录里面编辑好.pde文件，使用快捷键shift + command + b运行即可。

参考

github TobiahZ processing-vscode

forum.processing.org