VS Code技术咨询:如何在单独窗口显示当前工作区文件树?以及如何实现已打开编辑器与工作区文件树单独窗口展示或左侧并排?
解答你的VS Code布局需求
问题1:在单独窗口显示工作区文件树
完全可以用VS Code原生操作实现,步骤简单直接:
- 打开资源管理器面板(快捷键
Ctrl+Shift+E/Cmd+Shift+E) - 点击面板顶部右侧的「···」更多选项按钮
- 在弹出菜单里选择「Move to New Window」
这样资源管理器(文件树)就会独立成一个新窗口,它和主编辑器窗口实时联动——你在文件树里打开、新建或删除文件,主窗口都会同步响应。而且这个独立窗口的大小、位置都能自由调整,放在副屏或和主窗口并排都没问题。
问题2:单独窗口显示已打开编辑器,或与文件树并排左侧
这个需求分两种场景给你解决方案,都尽量贴合你不想大幅改变现有流程的要求:
场景A:单独窗口显示已打开编辑器
同样靠原生功能就能搞定:
- 打开「打开的编辑器」面板(默认在资源管理器下方,也可以按
Ctrl+Tab唤起后点击底部的「Open Editors」按钮) - 点击面板右上角的「···」更多选项按钮
- 选择「Move to New Window」
所有已打开的编辑器标签会单独放在一个新窗口里,你能随时从这里切换文件,和主窗口的操作完全同步。
场景B:让已打开编辑器与文件树在左侧并排显示
如果不想用独立窗口,只是想把上下叠放的布局改成并排,操作如下:
- 鼠标按住「打开的编辑器」面板的标题栏(显示「Open Editors」的那一行)
- 拖动鼠标到资源管理器面板的右侧边缘,此时会出现垂直分割线提示
- 松开鼠标,两个面板就会并排显示在左侧侧边栏了,不用再上下滚动找内容,界面也会宽敞很多
之后要是想恢复原来的上下布局,只要把「打开的编辑器」面板拖回资源管理器下方就行,完全不影响你的原有工作习惯。
内容的提问来源于stack exchange,提问作者uhm...
相关产品推荐
相关产品推荐

