VSCode - Remix dev and Tailwind in split terminal on project startup

tasks.json

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "Run remix dev",
      "type": "shell",
      "command": "yarn dev",
      "presentation": {
        "reveal": "always",
        "panel": "new",
        "group": "develop",
      },
      "runOptions": { "runOn": "folderOpen" }
    },
    {
      "label": "Run tailwind css watch",
      "type": "shell",
      "command": "yarn watch:css",
      "presentation": {
        "reveal": "always",
        "panel": "new",
        "group": "develop",
      },
      "runOptions": { "runOn": "folderOpen" }
    },
    {
      "label": "Start Dev",
      "dependsOn": [
        "Run remix dev",
        "Run tailwind css watch"
      ],
      "problemMatcher": []
    }
  ]
}

VSCodeAutoTerminals

Create the tasks.json file in the .vscode folder, making sure you have the right commands

Allow VSCode to run tasks automatically:

  CTRL+P / CTRL+SHIFT+P (windows)
  >Tasks: Manage Automatic Tasks in Folder
  > > Allow Automatic Tasks In Folder

Restart VS Code and VIOLA!