visual-studio-code - Visual Studio 代码编辑器中的编辑器组缺口

Question

有没有办法（设置） - 我们可以在 Visual Studio 代码中的编辑组（文件选项卡）之间添加缺口，如 sublime

Answer 1

没有。没有设置。

UI 开发人员，HTML5，CSS3，网页图形设计，

你或许可以尝试使用这个扩展：Custom CSS and JS loader

并编写一些可以模拟 sublime 选项卡的 CSS。如同：

.tabs-container > .tab {
    -webkit-font-smoothing: subpixel-antialiased;
    transform: translateZ(0) perspective(1px) skewX(30deg);
}
.tabs-container > .tab > * {
    -webkit-font-smoothing: subpixel-antialiased;
    transform: translateZ(0) perspective(1px) skewX(-30deg) !important;
}

Answer 2

@Alex - 谢谢你的建议，

.tabs-container {
    margin-top: 5px;
    background: #252526;
}

.tabs-container > .tab {
    background: transparent!important;
    border-bottom-width: 40px!important;
    border-bottom-style: solid!important;
    border-bottom-color: #42433e;
    border-left: 20px solid transparent!important;
    border-right: 20px solid transparent!important;
    position: relative;
}

.tabs-container > .tab:not(:first-child) {
    margin-left: -10px;
}

.tabs-container > .tab.active {
    border-bottom-color: #1e1e1e;
    z-index: 9;
}

.tabs-container > .tab > * {
  padding-bottom: 10px;  
}