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

如何隐藏和显示VS Code新增的顶部栏?

隐藏VS Code顶部栏的可行方案
  • 修改内置设置
    打开设置面板(快捷键Ctrl+, / Cmd+,),搜索window.titleBarStyle,将选项改为custom——标题栏会合并到菜单栏,减少空间占用。

  • 命令面板快速切换
    按下Ctrl+Shift+P / Cmd+Shift+P唤起命令面板,输入Toggle Title Bar,执行后可一键切换顶部栏的显示/隐藏状态。

  • 自定义CSS彻底隐藏
    如果上述方法无法满足需求,可通过自定义CSS实现完全隐藏:

    1. 安装Custom CSS and JS Loader插件
    2. 在工作区或用户设置中添加:
      "vscode_custom_css.imports": ["file:///你的自定义样式文件路径"]
      
    3. 在自定义样式文件中写入:
      .titlebar { display: none !important; }
      
    4. 重启VS Code并允许加载自定义资源
  • 全屏模式临时解决
    按下F11进入全屏模式,顶部栏会自动隐藏,最大化屏幕利用率。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.06 06:50:30