如何缩短或隐藏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




