单VSCode项目中的多终端设置

Question

我有一个项目，我使用PowerShell终端作为前端，WSL终端用于后端。我打开该项目的工作流程是：

npm run dev

• Open

• 打开终端(默认为PowerShell)，运行cd frontend，然后运行 WSL终端选项卡、cd backend、

默认情况下，是否可以打开终端，同时打开这两个选项卡？在所需的目录中已经很好了，但不是一个事务处理程序。

如果在VSCode中本机不可能使用扩展，则可以使用它。

Answer 1

创建一个.vscode/tasks.json文件并将以下内容放入其中：

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "frontend",
      "type": "shell",
      "command": "cd frontend && npm run dev",
      "runOptions": {
        "runOn": "folderOpen"
      },
      "presentation": {
        "reveal": "always",
        "focus": false,
        "panel": "dedicated",
        "group": "dev"
      }
    },
    {
      "label": "backend",
      "type": "shell",
      "command": "cd backend && rails s",
      "runOptions": {
        "runOn": "folderOpen"
      },
      "options": {
        "shell": {
          "executable": "wsl"
        }
      },
      "presentation": {
        "reveal": "always",
        "focus": false,
        "panel": "dedicated",
        "group": "dev"
      }
    }
  ]
}

在同一个文件夹中创建一个settings.json，如下所示：

{
  "task.allowAutomaticTasks": "on"
}

后者也可以通过调色板上的Tasks: Manage Automatic Tasks命令实现自动化。

由于没有安装WSL实例，所以我不能百分之百地确定WSL部件是否能工作；如果没有安装WSL实例，您可以尝试将cd和rails s作为args传递到shell对象中。

因此，最终项目结构将如下所示：

your-project
├─.vscode
│   settings.json
│   tasks.json
├─backend
└─frontend

此外，当询问时不要忘记信任工作区，否则自动任务将无法工作。