这是一个支持在地址栏快速搜索 Vue.js, Vue Router, Pinia, VueUse, Vuetify, Element Plus 等文档的浏览器拓展程序。
用法
- 输入 vue + 空格,搜索 vue 官方文档。
- 输入 vue + 空格 + 前缀,搜索某个特定库的文档。
以 vueuse 为例:
| 前缀 | 目标文档 |
|---|---|
| Vue.js |
router: | Vue Router |
pinia: | Pinia |
use: | VueUse |
vuetify: | Vuetify |
element-plus: | Element Plus |
element: | Element |
nuxt2: | Nuxt 2 |
发布
-
此项目 github 仓库 release 处下载
-
点击下载:
- 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 文档没看到有搜索请求,居然是前端搜索。估计有一个索引文件,理论上可以被取到并做进去,后续有空搞一下试试。