单个 VSCode 项目中的多个终端设置

Question

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

• 打开终端（默认为 PowerShell），运行cd frontend ，然后npm run dev
• 打开 WSL 终端选项卡， cd backend ， rails s

是否可以在默认打开这两个选项卡的情况下打开终端？ 已经在所需的目录中会很好，但不会破坏交易。

如果在 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命令从面板中自动执行。

我不是 100% 确定 WSL 部分会工作，因为我没有安装 WSL 实例； 如果那样不起作用，您可以尝试将cd和rails s作为args传递到shell object 中。

所以最后的项目结构是这样的：

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

另外，不要忘记在询问时信任工作区，否则自动任务将无法运行。