如何隐藏Visual Studio Code的顶部栏？

网页端场景 #

• 自己开发的网页，可通过CSS代码隐藏：

  /* 替换.top-bar为实际顶部栏的类名/ID */
  .top-bar {
    display: none !important;
  }
  

• 浏览第三方网页时，按F12打开开发者工具，定位顶部栏元素后添加上述CSS；也可以用Stylus这类浏览器插件批量配置隐藏规则。

桌面应用场景（Windows） #

• 优先看应用内置设置，在「设置」-「显示」类选项里找「全屏模式」「无标题栏」开关；
• 无内置选项的话，用WindowTop这类第三方窗口工具强制隐藏顶部栏。

桌面应用场景（Mac） #

• 按下Control + Command + F切换全屏，多数应用会自动隐藏顶部栏；
• 查看应用偏好设置，找「隐藏标题栏」或「紧凑模式」选项。

移动端应用场景 #

• 打开应用内的设置界面，查找「全屏显示」「隐藏顶部栏」相关开关；
• 安卓系统可在系统「设置」-「显示」-「全屏显示」中单独为该应用开启隐藏。

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