一个快速搜索Vue(生态成员)文档的拓展程序

117 阅读2分钟

这是一个支持在地址栏快速搜索 Vue.js, Vue Router, Pinia, VueUse, Vuetify, Element Plus 等文档的浏览器拓展程序。

用法

  1. 输入 vue + 空格,搜索 vue 官方文档。

vue.gif

  1. 输入 vue + 空格 + 前缀,搜索某个特定库的文档。

以 vueuse 为例: vueuse.gif

前缀目标文档
Vue.js
router:Vue Router
pinia:Pinia
use:VueUse
vuetify:Vuetify
element-plus:Element Plus
element:Element
nuxt2:Nuxt 2

发布

  1. 此项目 github 仓库 release 处下载

  2. 点击下载:

firefox

  • firefox: firefox 提交要交的材料较多,如果是用构建工具的居然还要看源码,但是初审很快,初审过了就上线了。
  • edge: 还在审核。
  • chrome: 谷歌不仅要开发者先交5美元,中国大陆开发者还不能绑银行卡,搞不来,算了。

向开源开发者收税,可恶,诅咒谷歌。

实现

笔者一直使用 edge 自带的地址栏快捷搜索,最常用的就是 MDN 和 caniuse。

某天突然发现一个 rust 文档搜索插件,于是决定写一个vue 文档搜索插件,然后看了下 rust 这个插件的代码,看着挺复杂,其实就是调 rust 文档网站的接口,加了些缓存,历史记录等。

vue 文档是 algolia 搜索的,也是接口,所以理论上可以接。于是看了下 vue 文档的库,发现 key 都直接明文的(这么开源的吗?),于是直接搞来用。于是这个项目就诞生了。

插件主要就是用了浏览器的 omnibox API。

然后发现好多框架、UI 库,只要用了 algolia 搜索,都是这样的,于是干脆多加几个 vue 生态成员。

PS:本来想加上 Nuxt 3 的,结果 Nuxt 3 文档没看到有搜索请求,居然是前端搜索。估计有一个索引文件,理论上可以被取到并做进去,后续有空搞一下试试。