如何通过命令或设置自动并排终端？能否默认双列布局及解决Npm终端输入问题？

一、设置默认双列终端布局 #

1. 通过配置文件设置启动默认布局 #

打开VS Code的设置界面（快捷键Ctrl+,），点击右上角的打开设置(JSON)按钮，添加以下配置：

// 终端默认垂直分割（左右并排）
"terminal.integrated.splitDirection": "vertical",
// 启动时自动创建工作区终端并分割成双列
"terminal.integrated.automaticallyCreateWorkspaceTerminal": true,
"terminal.integrated.startupCommands": [
  "${command:workbench.action.terminal.splitInCurrentWindow}"
],
// 关闭默认启动编辑器，直接显示终端
"workbench.startupEditor": "none"

2. 自定义快捷键快速切换双列布局 #

若需要手动触发双列布局，打开快捷键设置（Ctrl+K Ctrl+S），点击右上角的打开键盘快捷方式(JSON)，添加：

{
  "key": "ctrl+shift+\\", // 可自定义快捷键组合
  "command": "workbench.action.terminal.splitInCurrentWindow",
  "args": { "splitDirection": "vertical" }
}

二、解决Npm脚本终端无法输入的问题 #

从Npm Scripts视图启动的终端会被持续运行的脚本（如npm run dev）占用，导致无法交互输入。推荐两种解决方式：

1. 手动在交互终端执行脚本 #

打开双列终端后，在其中一个终端手动输入脚本命令：

npm run dev

另一个终端将保持交互状态，可自由输入命令。

2. 配置任务自动分配脚本到专属终端 #

在工作区的.vscode/tasks.json中添加以下配置，让脚本自动在指定终端运行，不占用交互窗口：

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "启动开发服务",
      "type": "shell",
      "command": "npm run dev",
      "presentation": {
        "panel": "dedicated", // 固定在专属终端面板
        "clear": true
      },
      "runOptions": {
        "runOn": "folderOpen" // 打开工作区时自动启动
      }
    }
  ]
}

配置完成后，打开工作区时脚本会自动在一个终端运行，另一个终端可正常交互，且两者默认并排显示。

三、验证效果 #

重启VS Code后，终端会默认以双列布局打开；运行Npm脚本后，另一个终端可正常输入命令，满足需求。

内容的提问来源于stack exchange，提问作者Kenya-West