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

如何调整Visual Studio Code文件资源管理器右键菜单的字体大小与紧凑度?

调整VSCode文件资源管理器右键菜单的字体大小与紧凑度

可以通过以下几种方式调整右键菜单的字体大小和紧凑度:

1. 自定义CSS(最灵活的方案)

借助自定义CSS可以精准控制菜单样式:

  • 先安装Custom CSS and JS Loader扩展,用于加载自定义样式文件
  • 在本地创建一个CSS文件(比如命名为vscode-menu-styles.css),写入以下代码,数值按需修改:
/* 修改右键菜单字体大小 */
.monaco-menu .action-label {
    font-size: 13px !important;
}

/* 缩小菜单选项的垂直间距,提升紧凑度 */
.monaco-menu .monaco-action-bar .action-item {
    padding: 3px 8px !important;
    min-height: 22px !important;
}

/* 可选:隐藏菜单图标,进一步压缩布局 */
.monaco-menu .action-label-icon {
    display: none !important;
}
  • 打开VSCode设置,添加以下配置(替换成你的CSS文件绝对路径):
"vscode_custom_css.imports": [
    "file:///Users/xxx/Documents/vscode-menu-styles.css"
],
"vscode_custom_css.policy": true
  • 重启VSCode,按提示确认重新加载,样式即可生效

注意:VSCode版本更新后可能需要重新启用该扩展的样式加载功能。

2. 使用现成扩展简化操作

如果不想写CSS,直接用Menu Bar Customizer扩展:

  • 安装该扩展后,在扩展的设置面板里找到菜单字体大小、间距的调整选项,直接拖动滑块或输入数值就能生效,无需复杂配置。

3. 全局缩放(快速但影响整体UI)

如果接受调整整个VSCode的UI大小,可以用全局缩放:

  • 打开设置,搜索window.zoomLevel,调整数值(负数缩小,正数放大),右键菜单会跟着整体缩放。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.19 11:27:35