You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何隐藏VSCode源代码控制视图中的蓝色Commit按钮?

隐藏VSCode源代码控制视图中蓝色Commit按钮的方法

当然可以隐藏这个视觉上略显突兀的蓝色Commit按钮,下面是两种可行的办法:

  • 方法一:通过设置透明化按钮(无需扩展)

    1. 按下Ctrl+,(Windows/Linux)或Cmd+,(Mac)打开设置面板,点击右上角的{}图标进入JSON编辑模式
    2. 在配置中添加以下代码:
      "workbench.colorCustomizations": {
          "git.commitButtonBackground": "#00000000",
          "git.commitButtonForeground": "#00000000",
          "git.commitButtonHoverBackground": "#00000000"
      }
      
      这段配置会把按钮的背景、文字颜色都设为完全透明,相当于隐藏了它。
  • 方法二:用自定义CSS彻底隐藏(更干净)

    1. 先安装VSCode扩展Custom CSS and JS Loader
    2. 在本地创建一个.css文件,比如hide-commit-btn.css,写入:
      .scm-commit-button {
          display: none !important;
      }
      
    3. 回到VSCode的settings.json,添加配置指定这个CSS文件的路径:
      "vscode_custom_css.imports": [
          "file:///你的文件路径/hide-commit-btn.css"
      ]
      
      注意把路径换成你自己的文件实际位置,Windows路径要改成类似file:///C:/Users/xxx/hide-commit-btn.css的格式。
    4. 重启VSCode,弹出确认提示时点击「Reload and Enable」就能生效了。

注:使用自定义CSS的方法,部分VSCode版本可能会弹出安全提示,可通过命令行参数--disable-extensions-security-warning启动来忽略,但不建议长期开启该参数。

内容的提问来源于stack exchange,提问作者Salvatore

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.26 07:03:17