基于 Vue3 的共享组件,可以在 ee-share 官网分享和使用 Vue3 组件。
ee-share 旨在让重复的业务组件仅写一次,多项目复用,分享的组件还会自动生成在线文档。别人的也可以直接拿来使用,让做项目就像拼积木。
npm install -g ee-share-cli
CLI 工具能帮助你分享和使用共享组件
- 到 ee-share 官网使用微信扫码注册账号
- 在 组件管理页 创建一个新组件,之后复制分享命令
- 打开你的 vue3 项目目录,无论是 vue-cli 还是 vite 的项目,打开命令行例如 D:\My-Project
- 将第 2 步复制的分享命令粘贴到命令行,显示例如 D:\My-Project>ee-share share -k b88020a7190b456ea97adeb2fb57d232 -p 组件路径
- 填好你要分享的组件路径回车等待完成即可,首次上传可能需要点时间请耐心等待
- 项目首次使用 ee-share 分享的组件需要先安装
npm install ee-share
- 在 ee-share 找到适合你的组件或在 组件管理页 找到你自己分享的组件,点击复制安装命令
- 粘贴命令回车即可,显示例如 D:\My-Project>ee-share use -k 12f0ed65fb704f20861fcaaa2a33cd96 -v 0.0.0
- 注意,安装了组件后会在项目根目录生成一个
ee-share.json
记录所有安装的组件,这个文件记得提交到你的版本控制中。新增了组件后记得让其它组员执行一下ee-share sync
命令来同步安装的组件 - 在项目中需要用到组件的地方直接
import { 组件名 } from 'ee-share';
即可