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
相关产品推荐
相关产品推荐

