企业官网建设流程全解析

我经常在 项目里搜I18n。每次按下Cmd+Shift+F，侧边栏弹出搜索结果，密密麻麻挤在只有两三寸宽的面板里。文件夹路径、匹配行、预览……全塞在一起，读起来像在看一张被揉皱的报纸。

更烦的是，我经常要对着搜索结果做批量替换。侧边栏里的预览区域太小，我得把鼠标移到那条结果上，等悬浮提示弹出完整的代码上下文，再判断要不要改。等判断完了，鼠标又得移回去，不然提示就消失了。这种来回的拉扯，特别消耗注意力。

用过idea的我当时非常希望vscode能带来像idea那样的serach everywhere的丝滑功能。

后来我才发现，VS Code 里藏着一个被严重低估的功能：Search Editor。它把搜索结果从侧边栏搬进了一个完整的编辑器标签页。

这件事的意义，比“换个地方显示结果”大得多。

它到底不一样在哪

侧边栏搜索的结果是“压缩”的。它只给你文件路径和匹配的那一行，上下文被砍掉了。你想看这段代码周围长什么样，得点开文件跳过去。这样是在是非常浪费时间，所以很多时候搜索，我都是用idea打开来搜索

Search Editor 的结果是“展开”的。每个匹配项都带一段预览，而且有语法高亮。你能直接在搜索结果里看到这段代码周围的逻辑，判断它是不是你要找的那一处，不需要来回跳文件。

它还保留了侧边栏搜索的所有能力：按文件夹包含或排除、正则匹配、大小写敏感、全词匹配。这些功能一个没少，只是把显示空间换成了整个编辑器窗口。

如果你用过 Sublime Text，你会觉得这个交互很熟悉。Sublime 的搜索就是把结果放在一个独立标签页里，一行行铺开，上下文清晰可见。VS Code 的 Search Editor 基本是这个思路，读起来舒服，批量操作也方便。

怎么打开它

最简单的方式是命令面板：按Cmd+Shift+P，输入Search Editor: New Search Editor。

另外值得说的是，再右边你可以输入一个数字，控制vscode每个文件可以预览的行数

如果你经常用，建议直接绑快捷键。我自己的配置是：

[{"key":"alt+f","command":"search.action.openEditor"},{"key":"cmd+k shift+s","command":"search.action.openNewEditor"}]

alt+f打开的是已有的搜索编辑器（如果已经开了一个，就复用那个，不会重复开新标签）。cmd+k shift+s则是不管有没有，直接开一个新的。

这两个键的区别很关键。第一种适合“我想回到上次那个搜索”，第二种适合“我要开一个新的搜索任务，和之前那个分开”。
为了简单，你可以只配置open editor就行

当你已经搜索到目标文件的时候，可以使用快捷键ctrl click点击文件来打开这个文件

最后如果你觉得某个搜索的结果很重要，你还可以保存这个搜索结果为一个.coe-seach文件

直接使用快捷键就可以进行保存

在当前项目西面就会有这个文件

一个容易被忽略的细节

Search Editor 的结果是可编辑的。不是让你去改搜索结果本身，而是你可以在这个编辑器里直接做替换操作，然后用编辑器的保存功能把改动写回文件。它把“搜索”和“修改”这两件事，从两个割裂的界面里，合并到了一个地方。

这听起来很小，但当你一天要处理几十处重复替换的时候，这个合并带来的流畅感是实打实的。

如果你也受够了侧边栏那几寸宽的显示区域，下次搜索的时候，试试换个地方看结果。