【VSCode】開発環境を自動で立ち上げる

$ mkdir ~/hellovscode-tasks                    # ディレクトリを作成
$ mkdir ~/hellovscode-tasks/.vscode            # .vscodeディレクトリを作成
$ touch ~/hellovscode-tasks/.vscode/tasks.json # タスクを定義するtasks.jsonを作成

$ code ~/hellovscode-tasks

{
  "version": "2.0.0",
  "tasks": [
    {
      // 表示名
      "label": "Hello Custom Task",
      // タスクのタイプ。shellかprocessを指定
      "type": "shell",
　　　 // 🌟 実行するコマンド
      "command": "echo Hello Custom Task", 
      // windowsで実行された場合にデフォルトのプロパティを上書く
      "windows": {
        "command": "echo Hello Custom Task(Windows)"
      },
　　　 // タスクが所属するグループ。test、build、noneのいずれかを指定
      "group": "none",
　　　 // 実行結果の表示方法について指定
      "presentation": {
        "reveal": "always",
        "panel": "new"
      },
      "runOptions": {
	// 🌟 フォルダを開くと同時に実行する
        "runOn": "folderOpen"
      }
    }
  ]
}

code ~/hellovscode-tasks

{
  "version": "2.0.0",
  "tasks": [
    // yarn serveコマンドの定義
    {
      "label": "yarn serve",
      "type": "shell",
      "command": "yarn serve",
      "group": "none",
      "presentation": {
        "reveal": "always",
        "panel": "new"
      }
    },
    // yarn ngrokコマンドの定義
    {
      "label": "yarn ngrok",
      "type": "shell",
      "command": "yarn ngrok",
      "group": "none",
      "presentation": {
        "reveal": "always",
        "panel": "new"
      }
    }
  ]
}

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "yarn serve",
      ...
    },
    {
　　　 "label": "yarn ngrok",
      ...
    },
　　　// 複数タスクを1つにまとめる
    {
      "label": "dev",
      "type": "shell",
      // まとめたいタスクのラベルを配列で記述
      "dependsOn": [
        "yarn serve",
        "yarn ngrok"
      ],
      "runOptions": {
        "runOn": "folderOpen"
      }
    }
  ]
}

code path/to/project

# バックエンド
/usr/local/bin/code /Users/matsumoto.kazuya/ghq/github.com/WombatTechnology/nitte-backend/functions
# フロントエンド
/usr/local/bin/code /Users/matsumoto.kazuya/ghq/github.com/WombatTechnology/nitte-frontend
# http://localhost:8080をブラウザで開く
/usr/bin/open -a "/Applications/Google Chrome.app" 'http://localhost:8080'