# 快速上手

# 安装使用

1. 安装 kbone-cli 工具

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

npm install -g kbone-cli
1

2. 初始化 kbone 项目

创建项目:

kbone init my-app
1

3. 安装 kbone-ui 项目

npm install kbone-ui
1

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

// 开发小程序端
npm run mp

// 开发 Web 端
npm run web

// 构建 Web 端
npm run build
1
2
3
4
5
6
7
8

PS:项目基于 webpack 构建,关于 webpack 方面的配置可以点此查看 (opens new window),而关于小程序构建相关的详细配置细节可以参考此文档

4. 使用 kbone-ui 项目

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

import KboneUI from 'kbone-ui'
import 'kbone-ui/lib/weui/weui.css'

Vue.use(KboneUI)
1
2
3
4

或者使用按需引入:

import KButton from 'kbone-ui/lib/KButton.js'
import KView from 'kbone-ui/lib/KView.js'

Vue.use(KButton)
Vue.use(KView)
1
2
3
4
5