0、kbone简介
kbone 是一个致力于微信小程序和 Web 端同构的解决方案。
微信小程序的底层模型和 Web 端不同,我们想直接把 Web 端的代码挪到小程序环境内执行是不可能的。kbone 的诞生就是为了解决这个问题,它实现了一个适配器,在适配层里模拟出了浏览器环境,让 Web 端的代码可以不做什么改动便可运行在小程序里。这样,我们就可以借助 kbone 快速实现 Web 项目转化为微信小程序项目。
1、快速开始
方式一:
下载kbone脚手架
cnpm i -g kbone-cli
创建kbone项目
kbone init my-app
这里可能会报错:Vue模板不存在;这时候一般是因为本地没有安装git或者git未添加到环境变量,配置之后重启。重新执行。
方式二:
直接去github上下载kbone的vue模板,在此基础上进行开发,链接:https://github.com/wechat-miniprogram/kbone-template-vue
2、项目结构
3、运行项目
进入项目后首先npm install下载依赖项。然后
运行:
web:npm run web
小程序(mp):npm run mp
打包:
web:npm run build
mp:npm run build:mp
对于mp,打包完成后进入dist/mp下:cnpm/npm install下载小程序端依赖。然后用开发者工具导入mp即可。
4、结束
这篇是关于kbone'的vue基本使用,后续将介绍如何将现有vue项目配置成小程序项目。