如何隐藏VSCode源代码控制视图中的蓝色Commit按钮?
隐藏VSCode源代码控制视图中蓝色Commit按钮的方法
当然可以隐藏这个视觉上略显突兀的蓝色Commit按钮,下面是两种可行的办法:
方法一:通过设置透明化按钮(无需扩展)
- 按下
Ctrl+,(Windows/Linux)或Cmd+,(Mac)打开设置面板,点击右上角的{}图标进入JSON编辑模式 - 在配置中添加以下代码:
这段配置会把按钮的背景、文字颜色都设为完全透明,相当于隐藏了它。"workbench.colorCustomizations": { "git.commitButtonBackground": "#00000000", "git.commitButtonForeground": "#00000000", "git.commitButtonHoverBackground": "#00000000" }
- 按下
方法二:用自定义CSS彻底隐藏(更干净)
- 先安装VSCode扩展
Custom CSS and JS Loader - 在本地创建一个
.css文件,比如hide-commit-btn.css,写入:.scm-commit-button { display: none !important; } - 回到VSCode的settings.json,添加配置指定这个CSS文件的路径:
注意把路径换成你自己的文件实际位置,Windows路径要改成类似"vscode_custom_css.imports": [ "file:///你的文件路径/hide-commit-btn.css" ]file:///C:/Users/xxx/hide-commit-btn.css的格式。 - 重启VSCode,弹出确认提示时点击「Reload and Enable」就能生效了。
- 先安装VSCode扩展
注:使用自定义CSS的方法,部分VSCode版本可能会弹出安全提示,可通过命令行参数--disable-extensions-security-warning启动来忽略,但不建议长期开启该参数。
内容的提问来源于stack exchange,提问作者Salvatore
相关产品推荐
相关产品推荐

