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

火山引擎 最新活动