想不到vscode也像sublime txt编辑器那样,也有分屏的功能,让人着实一惊,果然是强大的编辑器啊。那么vscode是怎么操作才能分屏呢?下面小编简单说下方法;

Vscode怎么拆分窗口? Vscode拆分编辑器窗口实现分屏显示技巧 第1张

Visual Studio Code(代码编辑器) v1.83.1 32位 官方中文免费绿色版

  • 类型:编译工具
  • 大小:120MB
  • 语言:简体中文
  • 时间:2023-10-13
查看详情

使用Vscode编辑器打开项目文件,并打开多个文件用来演示效果。

Vscode怎么拆分窗口? Vscode拆分编辑器窗口实现分屏显示技巧 第2张

点击“查看”-“向左拆分”即可拆分为左右两个可编辑窗口

Vscode怎么拆分窗口? Vscode拆分编辑器窗口实现分屏显示技巧 第3张

点击“查看”-“向下拆分”即可在下方拆出第三个编辑窗口

Vscode怎么拆分窗口? Vscode拆分编辑器窗口实现分屏显示技巧 第4张

点击文件名拖动到可编辑窗口,即可在该窗口打开该文件。

Vscode怎么拆分窗口? Vscode拆分编辑器窗口实现分屏显示技巧 第5张

详细操作方法

打开vscode 编辑器,点击右上角有个“日”字形的小图标,这个就是拆分编辑器的按钮了~;

Vscode怎么拆分窗口? Vscode拆分编辑器窗口实现分屏显示技巧 第6张

点击小图标即可拆分成2个窗口;

Vscode怎么拆分窗口? Vscode拆分编辑器窗口实现分屏显示技巧 第7张

如果想要多个窗口,还可以继续点击小按钮,如下所示,拆分成3个窗口了。

Vscode怎么拆分窗口? Vscode拆分编辑器窗口实现分屏显示技巧 第8张

当然也可以在菜单导航中实现拆分功能,点击“查看”——“拆分编辑器”选项,即可实现拆分;

Vscode怎么拆分窗口? Vscode拆分编辑器窗口实现分屏显示技巧 第9张

如果你想要上下拆分,而不是左右拆分,可以点击“查看”——“toggle editor ...”选项,实现上下拆分

Vscode怎么拆分窗口? Vscode拆分编辑器窗口实现分屏显示技巧 第10张

如图所示,可以看到窗口成上下方向拆分了。

Vscode怎么拆分窗口? Vscode拆分编辑器窗口实现分屏显示技巧 第11张

收藏(0)