Vscode显示多个文件&VSCode打开多个文件时实现标签栏多行显示

Vscode显示多个文件

按ctrl+shift+P，在搜索框中输入：setting.json，打开文件，输入如下内容：

{
    "workbench.editor.showTabs": true,
    "workbench.editor.enablePreview": false,
}

 

VSCode打开多个文件时实现标签栏多行显示

默认情况下，VSCode的标签栏是滚动式的，当打开多个文件时是在同一行中显示的，想要选择查看某个文件时很不方便。
如果想要实现多行显示标签页，也是可以的，具体方法如下。

操作步骤：
1. 安装Custom CSS and JS Loader插件

2. 添加文件/Users/txy/.vscode/tabs-wrapper.css

.title {
    height: auto !important;
}

.tabs-and-actions-container {
    display: block !important;
    height: auto !important;
}

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

.tabs-container {
    overflow: initial !important;
    height: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
}

.tabs-and-actions-container .editor-actions {
    position: fixed !important;
    right: 0 !important;
    z-index: 20 !important;
    bottom: 20px !important;
    background: #222 !important;
}

3. 在settings.json中添加：

"vscode_custom_css.imports": [
    "file:///Users/zmj/.vscode/tabs-wrapper.css"
],
"vscode_custom_css.policy": true,

4. 按cmd+shift+p呼出命令框，输入命令Reload Custom CSS and JS

5. 重启vscode即可，效果如下图所示

 

 

 

转载：https://blog.csdn.net/tangyang8941/article/details/107169763