Processing Language 1.4.6

Processing Language for Visual Studio Code：让编程更简单

Processing Language for Visual Studio Code是由Tobiah Zarlez开发的扩展，旨在为Visual Studio Code添加Processing语言支持。它不支持调试Java或Processing项目，但我们欢迎您的功能建议。

安装指南：

1. 打开Visual Studio Code。
2. 打开命令面板（Windows/Linux使用CTRL SHIFT P，Mac使用CMD SHIFT P），输入命令“Install Extension”。
3. 搜索“Processing Language”并点击该扩展。
4. 重启Visual Studio Code。

功能列表：

• 语法高亮：打开任何.pde文件，或在右下角的下拉菜单中选择“Processing”。

• 代码片段：一旦语言设置完成，您将在输入时自动看到代码片段。

• 命令：安装此扩展将向您的命令面板（CTRL SHIFT P，或通过“查看”->“命令面板”打开）添加以下命令：

  命令：创建任务文件

  将一个.vscode/tasks.json文件添加到您的项目文件夹中，其内容为此项目根文件夹中的ProcessingTasks.json。

  运行此任务（快捷键：Ctrl Shift B）将编译并运行您的项目！

  如果您想查看编译器的输出，只需注释掉“showOutput”: "never"这一行。

  注意：必须将Processing添加到您的路径中，或者设置“processing.path”设置！

  请按照这些说明将Processing添加到您的路径中，或者使用这些替代说明来修改路径设置。

  请参阅“要求”以获取完整详情。

  命令：运行Processing项目

  这只是运行.vscode/tasks.json文件的快捷方式。与按Ctrl Shift B相同。

  注意：必须先运行“创建Processing任务文件”命令，见上文！

  命令：打开扩展文档

  打开此文档。

  默认使用processing.org的文档。可以使用processing.docs设置更改为p5js的文档。

  命令：为选定内容打开文档

  使用命令面板命令“Processing: 为选定内容打开文档”来打开当前选定内容的Processing文档。

  默认使用processing.org的文档。可以使用processing.docs设置更改为p5js的文档。

  命令：搜索Processing网站

  使用命令面板命令“Processing: 搜索Processing网站”快速搜索您想要的内容。

  默认使用processing.org的文档。可以使用processing.docs设置更改为p5js的文档。

  默认使用Google进行搜索。可以使用processing.search设置更改为DuckDuckGo。

要求：

安装扩展后，您将立即获得语法高亮和代码片段的访问权限。

然而，为了从Visual Studio Code编译和运行您的Processing项目，您需要完成以下三件事：

1. 设置您的.vscode/tasks.json文件。（见：“命令：创建任务文件”）
2. 将Processing添加到您的路径中或修改您的.vscode/tasks.json文件。（见：“将Processing添加到路径中”或“替代方法”）
3. 拥有一个文件名与项目文件夹名称匹配的.pde文件（Processing的一般要求）。您的文件不能包含任何空格，否则将无法正确运行。

将Processing添加到路径中：

为了从Visual Studio Code自动编译和打开，我建议将Processing添加到您的路径中。

这意味着什么？

这意味着您应该能够从机器上的任何位置输入processing，它就会打开Processing。

我该怎么做？

这比您想象的要简单！

• Windows：打开“高级系统设置”，运行sysdm.cpl。在“系统属性”窗口中，点击“高级”选项卡。在“高级”部分，点击“环境变量”按钮。编辑“路径”变量。将processing路径（例如：;C:\Program Files\Processing-3.0.1\）附加到变量值中。每个条目之间用分号分隔。

• Mac：打开Processing，点击“工具”->“安装processing-java”菜单项。

  注意：您必须为所有用户安装processing-java才能使其工作。

• Linux：将您的PATH设置为Processing应用程序所在的位置。

  示例：export PATH=$PATH:/opt/processing/processing-2.0b4

  您还需要在/bin/而不是/usr/bin/中为processing-java创建一个别名。

  示例：sudo ln -s /opt/processing/processing-java /bin/processing-java

然后呢？

一旦您将Processing安装到路径中，您只需为每个Processing项目添加适当的.vscode/tasks.json文件。

请参阅命令“创建任务文件”。

替代方法：

如果您不能或不想将Processing添加到路径中？

只需修改processing.path设置以跟随Processing在您机器上的安装路径。请记住，在路径末尾保留processing-java！

要在VSCode中更改设置，这里是官方文档的链接。

（请记住，对于Windows，确保将任何"\"转换为"\\"！）

示例：

    "processing.path": "C:\\Program Files\\processing-3.0.1\\processing-java",

注意：此方法在Mac和Linux上未经测试。

如果需要：覆盖默认终端

您可能还需要覆盖默认终端，以便正确运行任务文件。

按照官方VSCode文档中的说明，只需在生成任务文件后添加几行额外的代码。

例如，如果您在Windows上运行并希望任务文件使用命令提示符（'cmd.exe'），您可以在'windows'部分下添加一个'options'参数：

      "windows": {
        "options": {
            "shell": {
                "executable": "cmd.exe",
                "args": [
                    "/d", "/c"
                ]
            }
        },
        "args":  [
          "--force",
          {
            "value": "--sketch=${workspaceRoot}",
            "quoting": "strong"
          },
          {
            "value": "--output=${workspaceRoot}\\out",
            "quoting": "strong"
          },
          "--run"
        ]
      }

待办事项：

• 为README/说明拍摄美观的（动画？）屏幕截图

致谢：

语法高亮和代码片段代码基于Processing Sublime Text插件。

其他资源：

我推荐以下其他资源：

• Processing的官方网站
• Tobiah Zarlez博客