VSCode单项目多终端默认启动配置方案咨询

方法一：VSCode原生配置（无需扩展） #

直接通过项目任务配置即可实现，步骤如下：

1. 在项目根目录的.vscode文件夹下创建tasks.json文件（没有.vscode文件夹就新建一个），粘贴以下配置：

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "启动前端服务",
      "type": "shell",
      "command": "cd ${workspaceFolder}/frontend && npm run dev",
      "options": {
        "shell": {
          "executable": "powershell.exe",
          "args": ["-NoProfile", "-Command"]
        }
      },
      "runOptions": {
        "runOn": "folderOpen"
      },
      "presentation": {
        "reveal": "always",
        "panel": "dedicated",
        "focus": false
      }
    },
    {
      "label": "启动后端服务",
      "type": "shell",
      "command": "cd ${workspaceFolder}/backend && rails s",
      "options": {
        "shell": {
          "executable": "wsl.exe",
          "args": ["-e"]
        }
      },
      "runOptions": {
        "runOn": "folderOpen"
      },
      "presentation": {
        "reveal": "always",
        "panel": "dedicated",
        "focus": false
      }
    }
  ]
}

• ${workspaceFolder}是VSCode内置变量，对应当前项目根目录，确保路径不会出错
• runOn: "folderOpen" 设置打开项目时自动触发任务
• presentation.panel: "dedicated" 让每个任务在独立的终端标签页打开
• 分别指定PowerShell和WSL作为终端环境，自动进入对应目录并启动服务

2. 保存文件后重启项目，VSCode会自动打开两个终端标签页，分别运行前端和后端服务。

方法二：使用扩展（更灵活的自定义） #

如果需要更复杂的终端管理，推荐使用Terminal Manager扩展：

• 安装扩展后，打开扩展配置界面，创建两个终端模板：
  • 前端模板：名称设为「前端服务」，终端类型选PowerShell，启动命令填cd frontend && npm run dev
  • 后端模板：名称设为「后端服务」，终端类型选WSL，启动命令填cd backend && rails s
• 在扩展的自动启动设置中，勾选「打开工作区时自动启动指定模板」，并选择刚才创建的两个模板

这样每次打开项目时，扩展会自动创建对应终端标签页并执行启动命令。

内容的提问来源于stack exchange，提问作者Chris A