Visual studio code VSCode隐藏右上角图标
我非常喜欢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!重要; } 我也遇到了同样的问题,亚历克斯的回答对我帮助很大(只显示悬停图标) 但我仍然有一个问题,特别是在
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;
}
不带扩展名
只需按
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