最近要做一个可以展示在浏览器中的立方体,考虑到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
运行即可。