在单个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对象。

所以最后项目结构看起来像这样:

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

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