如何调整Visual Studio Code查找替换框大小并将其移至底部类似Sublime效果

一、将查找替换框调整至编辑器底部（适配Sublime布局） #

VSCode 1.70及以上版本原生支持该功能，无需安装额外插件：

• 唤起查找替换框：按Ctrl+F（Windows/Linux）或Cmd+F（Mac）
• 临时切换位置：点击查找框右上角的「切换面板位置」图标，即可直接切换至底部固定布局
• 永久固定到底部：
  1. 打开设置界面：按Ctrl+,（Windows/Linux）或Cmd+,（Mac）
  2. 搜索配置项Find: Location
  3. 将默认值修改为bottom，后续所有查找替换框都会默认固定在编辑器底部，布局和Sublime的查找替换框完全一致

二、放大查找替换框尺寸 #

方案1：手动拖拽调整（无需配置，随用随调） #

查找框固定到底部后，将鼠标悬浮在查找框的上边缘，待鼠标变为上下拖动样式后，向上拖拽即可自由调整查找框高度；如果是侧边显示的查找框，拖拽左右边缘即可调整宽度。

方案2：自定义样式固定尺寸（适合需要固定大尺寸的场景） #

如果不想每次手动拖拽，可以通过自定义CSS固定查找框大小：

• 提前安装Custom CSS and JS Loader插件
• 本地新建后缀为.css的样式文件，填入以下内容（数值可按需修改）：

/* 调整底部查找框整体高度 */
.monaco-workbench .part.panel .panel-section.find-widget .find-container {
    height: 120px !important;
    font-size: 16px !important; /* 同步放大内部文字尺寸 */
}
/* 调整输入框自身高度 */
.monaco-workbench .find-widget .find-input .monaco-inputbox,
.monaco-workbench .find-widget .replace-input .monaco-inputbox {
    height: 32px !important;
    font-size: 16px !important;
}

• 打开VSCode设置，搜索Custom CSS: Styles，填入上述CSS文件的本地绝对路径
• 按Ctrl+Shift+P唤起命令面板，执行Reload Custom CSS and JS命令，重启VSCode后配置生效

注意：VSCode版本更新后可能会提示「安装已损坏」，点击「忽略」后重新执行一次重载自定义CSS的命令即可恢复配置。

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