第一个kbone项目

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项目配置成小程序项目。