Visual studio code VSCode隐藏右上角图标

Visual studio code VSCode隐藏右上角图标,visual-studio-code,vscode-settings,Visual Studio Code,Vscode Settings,我非常喜欢VScode的极简主义方法,但有一件事困扰着我。我想隐藏编辑器选项卡图标 图标来自扩展名:git lens&hextump for VScode。此外,拆分编辑器图标最好隐藏。扩展 .tabs和actions container.editor操作{ 显示:无!重要; } (可选)悬停时显示它们: .tabs和actions容器:hover.editor操作{ 显示:flex!重要; } 我也遇到了同样的问题,亚历克斯的回答对我帮助很大(只显示悬停图标) 但我仍然有一个问题,特别是在

我非常喜欢VScode的极简主义方法,但有一件事困扰着我。我想隐藏编辑器选项卡图标

图标来自扩展名:
git lens
&
hextump for VScode
。此外,拆分编辑器图标最好隐藏。

扩展

.tabs和actions container.editor操作{
显示:无!重要;
}
(可选)悬停时显示它们:

.tabs和actions容器:hover.editor操作{
显示:flex!重要;
}

我也遇到了同样的问题,亚历克斯的回答对我帮助很大(只显示悬停图标)

但我仍然有一个问题,特别是在小窗口中编码时:

假设我想使用选项卡栏打开文件“styles.css”:

我的鼠标一进入“选项卡”区域,菜单就会显示(由于悬停技巧),我无法单击我的选项卡,因为它位于图标下方:

所以我想到了这个主意:

悬停时显示选项卡下方(而不是选项卡上方)的图标栏

结果如下:

我是这样做的:

.tabs-and-actions-container .editor-actions {
    display: none !important;
    position: absolute;
    top: 35px;
    right: 0;
    z-index: 1;
    background-color: #2D2D2D;
}
.tabs-and-actions-container:hover .editor-actions {
    display: flex !important;
}
.title.tabs.show-file-icons {
    overflow: unset !important;
}

不带扩展名

  • 打开vs代码读取的默认css文件以呈现其窗口
  • 在末尾添加此行并保存它
  • 要识别元素的类名


    只需按
    ctrl+shift p
    并键入
    toggel developer tools

    基于@teraoka的答案,您可能希望保留一个脚本来执行此操作,因为每次VSCode自身更新时,设置都会恢复

    使用Git bash/cygwin:

    #!/bin/bash
    
    cd /c/Users/noel/appdata/local/Programs/Microsoft\ VS\ Code/resources/app/out/vs/workbench/
    cp workbench.desktop.main.css workbench.desktop.main.css.`date +%Y%m%d%H%M`
    echo ".editor-actions { display: none }" >> workbench.desktop.main.css
    

    这是一个更好的扩展。

    可以在扩展设置中禁用Gitlens图标:


    注意,您会收到一条关于损坏文件的错误消息。可以单击中心距图标并忽略。扩展自定义CSS和JS加载程序也会收到相同的警告。因此,此解决方案的开销更小,可以做同样的事情。在windows上,文件如下:
    C:\Users\username\AppData\Local\Programs\Microsoft VS code\resources\app\out\VS\workbench
    好主意,这应该是默认行为。结合Vincent的回答,我们的想法是在安装自定义UI之后向设置中添加以下行:`“customizeUI.stylesheet”:“{”.tabs and actions container.editor actions”:“display:none!important;position:absolute;top:20px;right:0;z-index:1;背景色:#2d2d2d2d;”,“。tabs and actions container:hover.editor actions”:“显示:flex!重要;”,“.title.tabs.show文件图标”:“溢出:未设置!重要;”}`相关问题:
    .editor-actions { display: none }
    
    #!/bin/bash
    
    cd /c/Users/noel/appdata/local/Programs/Microsoft\ VS\ Code/resources/app/out/vs/workbench/
    cp workbench.desktop.main.css workbench.desktop.main.css.`date +%Y%m%d%H%M`
    echo ".editor-actions { display: none }" >> workbench.desktop.main.css