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

如何隐藏VSCode源代码管理仓库的操作图标?

如何隐藏VSCode源代码管理面板中的指定操作图标

VSCode原生设置里的git.*和scm.*配置确实没有直接隐藏这些工具栏图标的选项,你可以通过自定义CSS结合扩展的方式实现:

  1. 安装「Custom CSS and JS Loader」扩展
  2. 在本地创建一个CSS文件(比如命名为vscode-scm-hide-icons.css),写入以下代码:
    /* 隐藏「同步更改」图标 */
    .scm-toolbar .action-item[aria-label="Synchronize changes"] {
        display: none !important;
    }
    
    /* 隐藏「提交」按钮 */
    .scm-toolbar .action-item[aria-label="Commit"] {
        display: none !important;
    }
    
    /* 隐藏「刷新」图标 */
    .scm-toolbar .action-item[aria-label="Refresh"] {
        display: none !important;
    }
    
  3. 打开VSCode的settings.json(快捷键Ctrl+Shift+P后输入「Open Settings (JSON)」),添加以下配置(替换为你的CSS文件绝对路径):
    "vscode_custom_css.imports": [
        "file:///你的CSS文件绝对路径/vscode-scm-hide-icons.css"
    ],
    "vscode_custom_css.policy": true
    
  4. 重启VSCode,扩展会弹出提示要求重新加载以应用自定义样式,点击确认即可生效。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.01 08:40:42