Home

Awesome

<p align="left"> <a href="https://www.npmjs.com/package/@b1/bee-cli"><img src="https://img.shields.io/npm/v/@b1/bee-cli.svg" alt="Version"></a> <a href="https://www.npmjs.com/package/@b1/bee-cli"><img src="https://img.shields.io/npm/dt/@b1/bee-cli.svg?style=flat-square" alt="Downloads"></a> <a href="https://www.npmjs.com/package/@b1/bee-cli"><img src="https://img.shields.io/npm/l/@b1/bee-cli.svg" alt="License"></a> <br> </p>

Bee Cli - 组件化解决方案

Bee Cli是min-cliwepy上的实现。

◆ 安装

$ npm install -g @b1/bee-cli

◆ wepy小程序框架模板 BeeWepy

bee init # 选择新建小程序
# example
#? 请设置项目目录 ~/test
#? 请选择项目类型 新建小程序
#? 是否继续高级设置 Yes
#? 请设置项目标题 Test
#? 请设置小程序AppId touristappid
#? 请设置项目描述 Test-小程序
#? 是否使用全局变量 Yes
#? 请设置GIT仓库地址 git://example.git
#? 请设置Author ex
  1. 微信开发者工具-->项目-->关闭ES6转ES5。
  2. 微信开发者工具-->项目-->关闭上传代码时样式自动补全。
  3. 微信开发者工具-->项目-->关闭代码压缩上传

◆ wepy小程序Ui组件库模板 BeeUi

bee init # 选择新建组件库
# example
#? 请设置项目目录 ~/test
#? 请选择项目类型 新建组件库
#? 是否继续高级设置 Yes
#? 请设置项目标题 Test
#? 请设置小程序AppId touristappid
#? 请设置项目描述 Test-组件库
#? 请设置组件名前缀 test
#? 是否使用全局变量 Yes
#? 请设置NPM模块的scope名称 @b1
#? 请设置GIT仓库地址 github://example.git
#? 请设置Author ex
  1. 微信开发者工具-->项目-->关闭ES6转ES5。
  2. 微信开发者工具-->项目-->关闭上传代码时样式自动补全。
  3. 微信开发者工具-->项目-->关闭代码压缩上传

◆ 在Ui组件库中开发组件

$ bee new *name
#? 请选择新建类型 新建组件
#? 请设置新组件的英文名称 test-xx
#? 请设置新组件的中文标题 xx
  1. 该命令会在src/packages生成组件的npm库,同时生成指定模板的样例页面
  2. 修改组件首页中的config.js
  3. 组件开发时,注意在app.wpy中加入相应的页面
$ npm run dev
$ bee publish

# example
#$ bee publish
#? 请选择发布方式 发布项目里的每个组件
#info Checking for updated packages...
#info Comparing with @b1/bee-code-input@1.0.4.
#info Checking for prereleased packages...
#? Select a new version for @b1/bee-code-input (currently 1.0.4) (Use arrow keys)
#❯ Patch (1.0.5)
#  Minor (1.1.0)
#  Major (2.0.0)
#  Prepatch (1.0.5-0)
#  Preminor (1.1.0-0)
#  Premajor (2.0.0-0)
#  Prerelease
#  Custom
  1. 把该组件库commit到一个远程仓库中。
  2. 如果检测不到你的组件更新,使用git add 把新组件加入到索引中
  3. 设置你npm publish 环境 https://blog.csdn.net/Thenightelfsnow/article/details/78573179
  4. 该命令会给项目打上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

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Added some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request