VSCode 隐藏 右上角 工具栏

背景

VSCode编辑时的右上角，即tab标签右边，有几个工具icon，在插件装的比较多的时候就会有很多icon，占用了大量空间，如图：

所以，就会有隐藏掉它们的想法，教程如下：

步骤

首先安装VSCode拓展程序：Custom CSS and JS Loader

安装完成后在settings.json添加两行代码

"vscode_custom_css.imports": [""],
"vscode_custom_css.policy": true,

自己编写一个css文件，内容是：

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

将文件保存，文件路径填写到上一步编辑的 vscode_custom_css.imports 字段中，注意在mac下是类似 file:///Users/MyUserName/Documents/custom.css 的格式
不同系统的文件路径规则具体可参考：https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css

之后重启VSCode，注意启动时必须有足够高的权限，大概是：

sudo chown -R $(whoami) <Path to Code>

配置权限具体可以参考上一步的链接

下一步，使用Shift + Command + P，调出命令面板，执行

Reload Custom CSS and JS

之后重启VSCode，即可发现右上角工具栏已经隐藏了

可以参考：https://stackoverflow.com/questions/47266613/vscode-hide-top-right-icons?r=SearchResults

这个回答中还提供了hover时显示工具栏的花式操作，如果有需要可以去浏览