VSCode隐藏右上角的图标

Question

我是VScode极简主义方法的忠实粉丝，但有一点让我烦恼。我想隐藏编辑标签图标。

图标来自扩展程序：git-lens＆amp; hexdump for VScode。分割编辑器图标也很好隐藏。

Answer 1

分机Custom CSS and JS Loader

.tabs-and-actions-container .editor-actions {
    display: none !important;
}

可选择在悬停时显示它们：

.tabs-and-actions-container:hover .editor-actions {
    display: flex !important;
}

Answer 2

这是一个更好的扩展。 Customize UI

Answer 3

我遇到了同样的问题，Alex的回答对我有很大帮助（仅在悬停时显示图标）。

但是我仍然有一个问题，尤其是在一个小窗口中编码时：

假设我要使用标签栏打开文件“ 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;
}

Answer 4

无扩展名

1. 打开vs代码读取的默认css文件以呈现其窗口

cd /usr/share/code/resources/app/out/vs/workbench
sudo vim workbench.desktop.main.css # or whatever editors but vs-code

1. 最后添加此行并保存

.editor-actions { display: none }

要标识元素的类名，

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

Answer 5

基于@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

Answer 6

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

https://github.com/eamodio/vscode-gitlens/issues/669#issuecomment-540975432