初投稿で簡単ですがAdventCalendarに参加させて頂きました。今後も勉強した事を色々投稿していこうと思っております。
※次の記事も書きました→MIDIコントローラーでProcessingをコントロールする

普段VSやCloud9、公式IDEやらバラバラな環境で勉強しているのですが、
一纏めにしたいな_という事で元々お気に入りだったVisual Studio Codeで開発環境を整えています。

今回はProcessingをVisual Studio Codeで動かすという何番煎じか分からないエントリーを備忘録としてココに記します。

1.Visual Studio Codeインストール

サクサクっと入れちゃいましょう。
https://azure.microsoft.com/ja-jp/products/visual-studio-code/

2.拡張機能【processing language】のインストール

・シンタックスハイライトやコード補完をしてくれるようになります。
　インストールしたらVsCodeを再起動して有効化しましょう。　

3.Processingを実行出来る様にする（ビルドタスクの作成）

ワークスペースフォルダに新しくprocessingのファイル（.pde）を作成し適当に何か書きます。

・このままでは実行出来ませんので以下の作業を行います。
Ctrl+Shift+Bでビルドタスクの実行をしようとすると＿
コマンドパレットに「実行するビルドタスクがありません。タスクを構成する…」と表示されますのでクリックします。

次に「テンプレートからtasks.jsonを生成」をクリック

続いて「Others　任意の外部コマンドを実行する例」をクリック

すると以下の様に.vscodeフォルダが作成され配下に「tasks.json」ファイルが生成されます。

「tasks.json」の内容を以下の様に編集します。
以下の記事を参考にさせて頂きました。
Visual Studio CodeでProcessing(2018年版)

※"command":～のパスの部分はprocessing-java.exeが入ったフォルダのパスを指定して下さい。
（processing.exeと同じ場所に居ます）

※追記（2020/11/22）
　コメントよりご教授頂きました。（めっちゃ気付くの遅れた・・・）
　sketchフォルダの指定にworkspaceFolder以下のカレントファイルネーム置換変数を加えております。
　有難う御座いました！

tasks.json

{
    "version": "2.0.0",
    "tasks": [
      {
        "label": "Run",
        "command": "C:\\Program Files\\processing\\processing-java",
        "type": "process",
        "args": [
          "--force",
          "--sketch=${workspaceFolder}\\${relativeFileDirname}",
          "--run"
        ],
        "group": {
          "kind": "build",
          "isDefault": true
        },
        "presentation": {
          "reveal": "always",
          "panel": "new"
        }
      }
    ]
}

4.Processingを実行する

さて準備が出来ましたので実行してみましょう。
改めてCtrl+Shift+Bでタスクの実行を行います。

外部コマンドの実行が行われ、Processingが起動しました。

ここまでパッと出来ちゃう人も居れば、小さな事で躓いてしまう人も居ると思います。
特に拘らなければ公式IDEで十分（ライブラリは結局、公式IDEからインストールする）なのですが、
色々カスタマイズ出来るVisual Studio Codeでコーディングするのも楽しいものです。

ProcessingをVisual Studio Codeで動かしたい

1.Visual Studio Codeインストール

2.拡張機能【processing language】のインストール

3.Processingを実行出来る様にする（ビルドタスクの作成）

4.Processingを実行する