VSCode标签栏多行显示

YXF

开发工具VSCode

发布于：2021年3月21日

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. 按ctrl+shift+p呼出命令框，输入命令

Reload Custom CSS and JS

5. 重启vscode即可

更新于：2021年3月21日

技术学习