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

如何缩短或隐藏VS Code菜单栏中的搜索栏以释放空间?

VS Code 菜单栏搜索栏调整方案(缩短/隐藏)

针对你使用Shortcut Menu Bar扩展添加快捷图标后菜单栏空间不足的问题,以下是两种调整搜索栏的方法:

一、完全隐藏搜索栏

打开VS Code设置(快捷键 Ctrl+, 或 Cmd+,),搜索 workbench.showGlobalSearch,取消勾选该选项就能彻底隐藏顶部全局搜索栏,释放菜单栏空间。

二、缩短搜索栏宽度

VS Code原生没有调整搜索栏宽度的选项,需要通过自定义CSS实现:

  • 安装 Custom CSS and JS Loader 扩展
  • 创建本地CSS文件,写入以下代码(可自行修改max-width的数值来调整宽度):
.monaco-workbench .part.titlebar .titlebar-center .search-box {
    max-width: 200px; /* 例如改成150px、250px,按需调整 */
}
  • 打开VS Code设置,搜索 vscode_custom_css.imports,添加刚才创建的CSS文件本地路径(格式如 file:///C:/your-path/custom-style.css)
  • 按 Ctrl+Shift+P 打开命令面板,执行 Reload Custom CSS and JS,重启VS Code后即可生效

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.12 11:26:00