禁用Visual Studio Code编辑器标题栏的方法

Question

在 Visual Studio Code 中未使用选项卡时，它仍然会显示一个带有当前打开文件名称的栏。

编辑器标题栏

有没有办法完全禁用此栏？

- fredlahde

Answer 1

您可以使用此设置来隐藏标题栏："window.titleBarStyle": "custom"。您可以通过菜单文件→首选项→设置→窗口→标题栏样式访问它并将其设置为自定义。

- Puspam

---

有34个与“Window”(版本1.47.3)匹配的结果。“标题栏样式”在页面下方2/3处(需要滚动)。 - Peter Mortensen

VSCode 的强大自定义功能再次拯救了我们。 - Jason R Stevens CFA

截至今日，这并不是“隐藏”标题栏，而是将其设置为一种“自定义”样式，看起来有点像Windows风格（在Manjaro Gnome上的VSCodium v1.56.2）。 - mcnesium

目前来看，这并不起作用，至少对于Linux Mint而言。它只是改变了样式。 - gxp2

很抱歉，这在VsCode 1.57.1（Big Sur）上无法工作。 - KeshavDulal

Answer 2

目前在 macOS 上似乎不支持原生隐藏标题栏。

更新： Customize UI 扩展 目前无法使用，但如果它再次被支持，我会保留我的其余答案:

如果您愿意安装扩展，Customize UI 扩展具有仅适用于 macOS 的 customizeUI.titleBar 设置：

• inline：将窗口控件放置在侧边栏或选项卡中。

• frameless：隐藏窗口控件。

请注意，此设置要求还必须设置 "window.titleBarStyle": "native"。

这是 inline 设置的外观：

- Jo Liss

Answer 3

安装自定义 CSS 扩展。

现在在您的自定义样式表中:

.container > .title {
  display: none !important;
}

在此之后，运行命令“启用自定义CSS / JS”（并重新启动）。

- Robin Drost

---

我应该把 CSS 文件放在哪里，如何使用它？你能详细说明一下吗？ - Lamberto Basti

您可以将CSS文件放置在系统的任何位置。插件中有一个设置，让您指定该CSS文件的路径。 - Robin Drost

.title.tabs选择器对我来说可以用于去除选项卡栏。但这仍然不能节省任何空间：编辑器窗口向上移动并在窗口底部留下一个空白区域。 - Max Heiber

".container > .title" 对我的 VS Code 没有任何影响，即使其他样式（如 @Max 提到的 .title.tabs）也可以正常工作。 - BornToCode

Answer 4

我尝试了VSCode提供的建议选项，并发现以下操作可行：

确保你的窗口标题栏样式设置为自定义(custom)，打开位于/Users/{your-username}/Library/Application Support/Code/User/settings.json的settings.json文件。

在JSON对象中添加以下内容：

"editor.titleBar.enabled": false

另一个选项是尝试在设置文件中设置此选项。

  "workbench.colorCustomizations": {
    "titleBar.forground": "#00000000",
    "titleBar.activeForeground": "#00000000",
    "titleBar.background": "#00000000",
    "titleBar.activeBackground": "#00000000",
    ...

这是我的机器设置

以下是您可以使用的全面选项列表，可用于微调当前主题甚至自己的主题。无需任何附加的第三方扩展程序，只需在舒适的马鞍上进一步改进！

愉快编码 =)

- White Rabbit

Answer 5

今天我遇到了这个问题，根据您提供的截图，似乎文件路径显示在标题栏中。要完全隐藏它，您可以从位于/Users/(user_name)/Library/Application Support/Code/User/settings.json的settings.json文件中删除名为“workbench.editor.showTabs”的属性（如果其值为false）。

- Sahil Satija

---

没错！workbench.editor.showTabs是正确的键值。这应该是被接受的答案。 - Pham

Answer 6

我尝试了所有上述的提示，但无法成功隐藏窗口标题栏。

然而，我找到了一个解决方案，这里是链接：https://github.com/microsoft/vscode/issues/174903#issuecomment-1762118744

(以及ryanberckmans在该帖子中的回复)

它涉及使用apc customize++插件来控制vs code，并将设置添加到您的用户settings.json文件中。

该帖子至少提供了两种不同的设置建议，对我来说，我提供的那个链接有效（他在回复的末尾链接到了他的设置文件）。

所以：

1. 安装vs code extension Apc Customize UI++
2. 将以下内容添加到您的用户settings.json文件中：

  // ================================================================================
  // APC - UI Customizer
  // ================================================================================
  "window.titleBarStyle": "native",
  "apc.menubar.compact": true,
  "apc.electron": {
    "frame": false,
    "titleBarStyle": "hidden"
  },
  "apc.header": {
    "height": 37
  },
  "apc.sidebar.titlebar": {
    "height": 37
  },
  "apc.activityBar": {
    "size": 40,
    "itemSize": 40,
    "itemMargin": 0
  },
  "apc.stylesheet": {
    ".title-label": "display: none !important",
    ".composite.title": "display: block !important",
    ".monaco-workbench .part.sidebar .title-actions .actions-container": "justify-content: space-evenly !important"
  }

我也隐藏了标签页和菜单栏。这会带来一个问题，因为我无法调用菜单栏（即，alt-f无效）。所以，这是一个需要考虑的因素，你只能使用ctrl-shift-p。

希望这对某人有所帮助！ 祝好！/mawi

- Marcus Widerberg

Answer 7

文件 → 首选项 → 设置 → 窗口 → 标题栏样式 现在选择自定义标题栏。

- sankar

---

还有其他的答案（包括一个被采纳的答案）提供了原帖的问题，并且它们是一段时间之前发布的。当撰写答案时，请确保添加一个新的解决方案或者一个更加充分的解释，特别是在回答旧问题时。参见：如何撰写一个好答案？ - help-info.de