Cocos Creator 编辑器扩展：Quick Finder

前言

这一天，渣渣皮终于找回了他的帐户密码…

🎉 渣 皮 工 厂 再 次 营 业 ！

渣皮这次给大家奉上的扩展是：Quick Finder

🤠 这是一个不仅能够提升效率，更重要的是能够提升幸福感的扩展！

想找文件？按下 F1，只需输入模糊的关键字，相关文件即刻奉上，场景和预制体间切换更是来去自如！

轻轻一键，尽在掌握！

😎 老板再也不用担心我高血压啦！

渣皮剧场

🎬 情景再现

渣皮目前工作中的项目相比以前要大不少，项目的结构也比较复杂，整个项目 assets 目录下有近 9000 个文件（不包括 meta 文件）。

每当我想要打开某个场景和预制体，或者找某个文件，我都需要一层一层地翻文件夹。

万一我不知道文件的准确名称，又不知道在哪个文件夹，那是真不好找…（🌡️ 血压++）

🤖 不太对劲

这时就有头铁的小伙伴要说了：

“你个辣鸡瞎了吗！编辑器里不是自带一个搜索吗！”

自带的搜索确实能用，但是我小声表示拒绝。

能用，但是不完全能用~[手动狗头]

其实对于文件不多的项目来说，这个搜索没啥问题。

但是对于文件稍微多一些的项目，搜索就有点慢了，在配置不高的电脑上搜索还会卡顿一下…（🌡️ 血压++）

最重要的一点就是：自带的搜索不支持模糊搜索！你必须将文件的名字拼对才搜得出来！

😹 以上，就是我开发这个扩展的目的，也就是降血压（误）。

---

正文

📚 本文主要包含两大部分：

1. 扩展介绍
2. 技术解析

扩展介绍

简介

首先，Quick Finder 是一个 Cocos Creator 编辑器扩展。

主要用于快速搜索并打开项目中的场景和预制体，或者快速定位项目中的任意文件。

使用起来很简单，通过按下键盘快捷键（默认 F1）来呼出搜索栏，输入关键字即可（支持不连续模糊搜索）。

视频

[Cocos Creator 编辑器扩展] Quick Finder | 使用演示

使用演示：https://www.bilibili.com/video/BV13p4y147WX/

截图

下载 & 安装

扩展商店安装

本扩展已上架 Cocos 商店，点击 Cocos Creator 编辑器顶部菜单栏中的 扩展 -> 扩展商店 即可打开扩展商店。

在上方搜索栏中输入“Quick Finder”并搜索就可以找到本插件，点进去直接安装即可（建议安装到全局）。

Quick Finder：https://store.cocos.com/app/detail/2745

自行下载安装

在扩展仓库的发行版处下载最新的扩展压缩包。

发行版：https://gitee.com/ifaswind/ccc-quick-finder/releases

下载完成后将压缩包解压：

• Windows：解压到 C:\Users\${你的用户名}\.CocosCreator\packages\ 目录下
• macOS：解压到 ~/.CocosCreator/packages/ 目录下

以 Windows 为例，扩展的 main.js 文件在我的电脑上的完整目录为 C:\Users\Shaun\.CocosCreator\packages\ccc-quick-finder\main.js