使用vscode 编辑运行processing代码

使用vscode 编辑运行processing代码

之前一直在使用processing自带的编辑器来编写和运行代码，因为用习惯了其他vscode之类的编辑器,processing自带的编辑器确实不是很好用。

之前我的做法是使用vscode编辑代码，然后转到processing里面去点击运行，每次改完都要切换到p才能运行，着实不是一很优雅的做法。

于是我想起可不可以在vscode里运行processing

1、 在vscode安装一个processing插件

• 两个插件大概看了一下介绍好像都差不多，我装了下载量多那个
  [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oWAAcr9B-1669904030457)
  2、然后，你需要把processing安装路径加入到环境变量中，这是推荐做法，插件介绍也可以设置processing.path，我不知道去哪里设置。
  

3、 然后创建tasks.json文件

• 你可以打开直接在项目根目录新建文件夹.vscode,然后创建tasks.json文件。

• 也可以打开任何一个.pde文件，点击Ctrl Shift B按提示一步一步创建。

• 

• 
  

• 进入编辑，粘贴下面内容，就可以放到任何processing项目文件夹下使用vscode编译运行processing代码了。

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "PRun", // 标签名字，根据自己需要修改
      "type": "process",
      "command": "processing4-java", 
      "problemMatcher": [],
      "args": [
        "--sketch=${fileDirname}",
        // "--output=${fileDirname}/out",
        "--force", // 如果输出文件夹已经存在，会强制覆盖里面原有文件
        "--run"   // 跟processing编辑器里面运行一样，但是会build生成.class 文件
      ],
      "group": {
        "kind": "build",
        "isDefault": true
      },
    },
    {
      "label": "PExport",
      "type": "process",
      "command": "processing4-java", 
      "problemMatcher": [],
      "args": [
        "--sketch=${fileDirname}",
        "--output=${fileDirname}/dist",
        "--force",
        "--export" // 生成exe可执行文件 
      ],
      "group": {
        "kind": "build",
        "isDefault": true
      },
    }
  ]
}

• 想要看编译的.java和.class文件可以把"--output=${fileDirname}/out",这行注释打开

4、 大概就是这些内容

• 这里我配置了两个任务PRun和PExport来临时运行和最终生成exe，现在就完全可以摆脱processing编辑器了。
  

• 以后就只需要把这个.vscode文件夹复制到vscode工作区的跟目录下，就可以测试运行processing代码了
  

• 这种目录结构也是可以的

• 一个项目包含多个java class也是可以运行的，生成的文件都在.pde的同级目录下。
  
  5、最后是关于vscode tasks.json文件的介绍架构，喜欢折腾的可以自己研究配置。

• vscode文档

• vscode tasks.json文档