Awesome
BeeUi-组件库
BeeUi是基于wepy的一套小程序开发组件库, 样式参考minui。
◆ 安装
-
安装 bee-cli 命令行工具
$ npm install -g @b1/bee-cli
; -
Clone BeeUi 仓库到本地;
-
安装依赖
$ npm install
-
在 BeeUi 根目录下执行
$ npm run dev
,生成 dist/ 目录; -
微信开发者工具 —— 新建一个小程序,目录指向生成的 dist/;
-
开发自己的组件库时,删除项目的.git文件,并且remote add到你自己的git仓库中;
◆ 组件开发
- 新建组件
$ bee new *name
- 该命令会在src/packages生成组件的npm库,同时生成指定模板的样例页面
- 修改组件首页中的config.js
- 组件开发时,注意在app.wpy中加入相应的页面
- 开发实时编译
$ npm run dev
- 发布组件
$ bee publish
- 如果检测不到你的组件更新,使用git add 把新组件加入到索引中
- 设置你npm publish 环境 https://blog.csdn.net/Thenightelfsnow/article/details/78573179
- 该命令会给项目打上tag并提交,同时会publish你的组件到npm.org
◆ 组件使用安装
- 安装组件
$ npm install @b1/bee-code-input -S
◆ 使用组件
import wepy from 'wepy'
import BeeCodeInput from '@b1/bee-code-input'
export default class Index extends wepy.component {
components = {
BeeCodeInput
}
data = {}
methods = {}
}
◆ 相关资源:
◆ 开源协议
基于 MIT License,请自由的享受、参与开源。
◆ Contributing
- Fork it
- Create your feature branch (
git checkout -b my-new-feature
) - Commit your changes (
git commit -am 'Added some feature'
) - Push to the branch (
git push origin my-new-feature
) - Create new Pull Request