VSCode的多行选项卡

我通常每个编辑器窗口打开10个以上的选项卡,这使得来回滚动(或使用ctrl + tab)来查找我想要的文件变得很繁琐.

有没有办法让标签包装？

与Atom的multirow-tabs类似.

更新:看起来它正在进行中.

提供的"正在进行中"链接指的是Visual Studio IDE,它与VSCode分开.我在VSCode项目的Github页面上找到了我在这个问题上看到的最新版本,该页面基本上表示它不是2018年的计划功能并且已经关闭了该问题.

我不喜欢按Ctrl + Tab或滚动选项卡菜单; 到目前为止我唯一遇到的另一个选择是使用"Open Editors"列表:

没有选项卡,文件资源管理器的OPEN EDITORS部分是一种快速进行文件导航的方法.

这需要使用鼠标,但随后将利用多行标签布局.如果需要,您可以调整其大小以提供更多空间并重新排序选项卡.

我对visual-studio-code中的多行选项卡执行以下操作（直到获得官方支持或更简单的解决方案为止）：

步骤1：安装扩展VSCode Custom CSS。（请查看扩展页面以获取正确的安装说明。由于VSCode不正式支持更改内部CSS，因此有点hacking。）

步骤2：创建一个CSS文件（例如“ /home/user/vscode/custom.css”）并添加以下内容：

/* Following CSS to wrap the tab-bar into multiple rows: */

.tabs-and-actions-container > .monaco-scrollable-element {
  height: auto !important;
}

.tabs-and-actions-container > .monaco-scrollable-element > .tabs-container {
  height: auto !important;
  flex-wrap: wrap;
}

/* Following CSS to make the tabs thinner/smaller (so that they take lesser vertical space): */

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab {
	height: 25px;
	padding-left: 4px;
	font-size: 0.8em;  /* smaller font-size for tab icons and label */
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab .label-name {
	font-size: inherit !important;  /* inherit updated font-size for label */
}

/* Following CSS for smaller close button on tabs: */

.monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab>.tab-close {
	width: 20px;
}

.monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab>.tab-close .action-label {
	height: 12px;
	width: 12px;
	background-size: 12px;
}