更改 VSCode 中搜索栏的宽度

Question

是否可以更改 VSCode 中搜索栏的宽度？ IE。使用“转到文件...”(workbench.action.quickOpen) 或切换最近的文件 (workbench.action.openNextRecentlyUsedEditorInGroup) 时打开的典型下拉选择菜单。

我目前的动机是能够完全看到被截断的长文件名。

Answer 1

不幸的是，VSCode 没有此属性的配置，但已计划。

如果您没有时间等待，有一个小解决方法。

1. 安装自定义用户界面
2. 在settings.json中设置属性

   "customizeUI.stylesheet": { ".quick-input-widget": "width: 1000px !important; left: calc(50% - 200px);" }

3. 重新加载窗口

来源自 https://github.com/microsoft/vscode/issues/85374#issuecomment-629982777

Answer 2

看起来您现在可以更改查找小部件的宽度：

https://code.visualstudio.com/docs/editor/codebasics#_multiline-support-and-find-widget-resizing

不幸的是，据我所知，你还不能：

• 增加查找小部件的高度
• 增加查找小部件中显示的文本的字体大小（请求的功能）
• 将查找小部件放置在其他位置（例如编辑器的底部）

我来自 Sublime Text 编辑器，发现它有点“这是什么，蚂蚁中心！” （德里克·佐兰德）的经历。

编辑：

刚刚找到了查找小部件中

font-size

的某种解决方法：

如果按 Ctrl + +，则会增加所有内容的大小，包括文本编辑器。

但是，如果您还在

Mouse Wheel Zoom

中启用了

Settings

，则可以在文本编辑器中缩小，并且不会影响通过 Ctrl + + 调整大小的元素，包括查找小部件。

Answer 3

既然自定义 UI 已弃用，请使用 自定义 CSS 和 JS 加载器扩展。

按照扩展中的说明操作，并将其添加到您的 custom.css 文件中：

.quick-input-widget {
    width: 90% !important;
    margin-left: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}