# 快速上手
为了可以让开发者可以更自由地进行项目的搭建,以下提供了两种快速开发方案,任选其一即可:
# 使用 kbone-cli 快速开发
对于新项目,可以使用 kbone-cli
来创建项目,首先安装 kbone-cli
:
npm install -g kbone-cli
1
创建项目:
kbone init my-app
1
进入项目,按照 README.md 的指引进行开发:
// 开发小程序端
npm run mp
// 开发 Web 端
npm run web
// 构建 Web 端
npm run build
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
PS:项目基于 webpack 构建,关于 webpack 方面的配置可以点此查看 (opens new window),而关于小程序构建相关的详细配置细节可以参考此文档。
# 使用模板快速开发
除了使用 kbone-cli 外,也可以直接将现有模板 clone 下来,然后在模板基础上进行开发改造:
- Vue 项目模板 (opens new window)
- React 项目模板 (opens new window)
- Preact 项目模板 (opens new window)
- Omi 项目模板 (opens new window)
项目 clone 下来后,按照项目中 README.md 的指引进行开发。
PS:项目基于 webpack 构建,关于 webpack 方面的配置可以点此查看 (opens new window),而关于小程序构建相关的详细配置细节可以参考此文档。
# 如何自行搭建项目?
此方案基于 webpack 构建实现,如果你不想要使用官方提供的模板,想要更灵活地搭建自己的项目,又或者是想对已有的项目进行改造,则需要自己补充对应配置来实现 kbone 项目的构建。
一般需要补充两个配置:
- 构建到小程序代码的 webpack 配置 (opens new window)
- 使用 webpack 构建中使用到的特殊插件 mp-webpack-plugin 配置
点此可以查看具体配置方式和操作流程。