欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

【Processing】使用vscode编辑运行Processing

程序员文章站 2022-04-27 13:57:56
...

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

前提准备

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

首先打开vscode,在扩展中搜索"processing",第一个结果就是我们需要的扩展。
【Processing】使用vscode编辑运行Processing
其次Processing要将processing-java安装好,在processing的工具栏中点击安装“proceesing-java”。(感觉上只是加了个环境变量让终端能访问到,而不是真正的安装。)

【Processing】使用vscode编辑运行Processing
最后在你的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

相关标签: Processing