(基于meilisearch-vue
的example/nobel-prizes
)
-
下载库及安装包
git clone https://github.com/ffreemt/meilisearch-plaintext.git cd meilisearch-plaintext yarn # 或 npm install
-
测试运行
yarn serve
浏览 http://localhost:8000/
搜索abi
(如何建meilisearch
库请参看meilisearch
主页)
-
修改
src/App.vue
第42
行指向自己的库(参看第41
行的例子) -
修改
src/App.vue
第43
行(如未设API_KEY
可不修改) -
修改
src/App.vue
第47
行(参看第46
行的例子) -
根据需要修改
src/App.vue
第12
行 (attribute="id"
)及 第15
行 (attribute="overview"
),可删掉第18-26
行 -
可选 修改
src/App.vue
的<style>...</style>
-
编译上线
yarn build
例如 cd dist && python -m http.server
只需vanillajs
目录里的两个文件。
修改app.js
第3、6、7(如果设了meilisearch设了API_KEY,没设的话不用动)、22、23行。
例如 cd vanillajs && python -m http.server
界面比较简陋,但对于有些应用可能已经够了。或许可以加style
整漂亮点。