快速上手

安装使用

1. 安装 kbone-cli 工具

对于新项目,可以使用 kbone-cli 来创建项目,首先安装 kbone-cli:

  1. npm install -g kbone-cli

2. 初始化 kbone 项目

创建项目:

  1. kbone init my-app

3. 安装 kbone-ui 项目

  1. npm install kbone-ui

进入项目,按照 README.md 的指引进行开发:

  1. // 开发小程序端
  2. npm run mp
  3. // 开发 Web 端
  4. npm run web
  5. // 构建 Web 端
  6. npm run build

PS:项目基于 webpack 构建,关于 webpack 方面的配置可以点此查看快速上手 - 图1,而关于小程序构建相关的详细配置细节可以参考此文档快速上手 - 图2

4. 使用 kbone-ui 项目

加载全部组件内容,并引入 weui 样式库:

  1. import KboneUI from 'kbone-ui'
  2. import 'kbone-ui/lib/weui/weui.css'
  3. Vue.use(KboneUI)

或者使用按需引入:

  1. import KButton from 'kbone-ui/lib/KButton.js'
  2. import KView from 'kbone-ui/lib/KView.js'
  3. Vue.use(KButton)
  4. Vue.use(KView)