You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

VS Code是否支持脚本控制,实现多编辑器分栏布局自动配置?

实现方案

完全可以实现,你可以通过VS Code轻量扩展组合原生命令完成该需求,无需开发复杂的外部控制脚本。

操作步骤

  • 第一步:在VS Code扩展面板搜索安装 multi-command 扩展,用于将多个VS Code内置命令组合为单个可触发的自定义命令。
  • 第二步:按下 Cmd + , 打开系统设置,点击面板右上角的JSON图标打开settings.json配置文件,添加如下自定义命令:
"multiCommand.commands": [
  {
    "command": "multiCommand.split3ColumnsAndPlaceFiles",
    "label": "三栏布局放置选中的3个文件",
    "sequence": [
      // 生成三个并排编辑分栏
      "workbench.action.newGroupLeft",
      "workbench.action.newGroupLeft",
      // 将第一个选中文件移至第三分栏(对应CSS文件)
      "workbench.action.moveEditorToThirdGroup",
      // 切到第二分栏,将第二个选中文件移至第二分栏(对应HTML文件)
      "workbench.action.focusSecondEditorGroup",
      "workbench.action.moveEditorToSecondGroup",
      // 切到第三分栏,将第三个选中文件移至第三分栏(对应JS文件)
      "workbench.action.focusThirdEditorGroup",
      "workbench.action.moveEditorToThirdGroup"
    ]
  }
]
  • 第三步:绑定触发快捷键。按下 Cmd + K 后再按 Cmd + S 打开键盘快捷方式面板,同样点击右上角JSON图标打开keybindings.json,添加如下配置,可自行修改为顺手的快捷键:
{
  "key": "cmd+alt+l",
  "command": "multiCommand.split3ColumnsAndPlaceFiles",
  "when": "explorerViewletVisible && filesExplorerFocus && selectedResourcesCount == 3"
}

配置中的when字段限制了只有在资源管理器选中3个文件时快捷键才会生效,避免误触发。

使用方式

在资源管理器中按顺序选中你需要打开的CSS、HTML、JS三个文件,按下绑定的快捷键即可自动完成分栏创建、文件归位的整套操作。如果选中文件的顺序和你需要的放置位置不匹配,调整命令序列中的分栏移动顺序即可。

内容的提问来源于stack exchange,提问作者Chuck

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.23 16:06:05