Kbone入门到放弃！头发不保！！！

Kbone是什么？

小程序作为一种新兴地链接用户与服务的方式，相信大家都或多或少接触过。对于开发者来说，它是一种类似 Web 但又不同于 Web 的开发模式，它提供了一套自定义的 API 和文件组织方式，这无疑带给开发者一定的学习成本和维护成本，所以我们也在尝试能否提供一个方案来抹平这个差异。——引自Kbone作者june在云加社区微信群中的分享

随着小程序的发展，Web 端和小程序同构的呼声也越来越大，为此微信官方提供了 Kbone 这一套方案。旨在让开发者可以用最熟悉的方式来完成一个多端 APP 的开发，降低开发门槛。

Kbone——微信小程序同构方案新思路。

微信小程序的底层模型和 Web 端不同，我们想直接把 Web 端的代码挪到小程序环境内执行是不可能的。kbone 的诞生就是为了解决这个问题，它实现了一个适配器，在适配层里模拟出了浏览器环境，让 Web 端的代码可以不做什么改动便可运行在小程序里。

优势与劣势

大部分流行的前端框架都能够在 Kbone 上运行，比如 Vue、React、Preact 等
支持更为完整的前端框架特性，因为 Kbone 不会对框架底层进行删改（比如 Vue - 中的 v-html 指令、Vue-router 插件）

提供了常用的 DOM/BOM 接口，让用户代码无需做太大改动便可从 Web 端迁移到小程序端

在小程序端运行时，仍然可以使用小程序本身的特性（比如像 live-player 内置组件、分包功能）

提供了一些 Dom 扩展接口，让一些无法完美兼容到小程序端的接口也有替代使用方案（比如 getComputedStyle 接口）

安装

和vue等框架的类似，先安装cli
npm install -g kbone-cli
创建一个项目
kbone init my-app
然后选技术栈，你用vue就vue，用react就react，然后回车按着提示做就好了，之后如果你是用vue，那么你可以安装kbone ui

Kbone ui

kbone-ui 是一个能同时支持 小程序(kbone) 和 vue 框架开发的多端 UI 库。

kbone 框架是用来对齐 Web 和 小程序多端的一个解决方案。在使用时，还是需要注意 小程序和 Web 之间的开发差异性，为了磨平这块内容，提供 kbone-ui 组件库。通过，kbone-ui 来磨平大部分的实现差异，以及能方便跨平台的开发。
目前只基于vue，后期会有其他框架吧。
安装ui
npm install kbone-ui
安装上就可以用了吗？当然不是！还要引入到入口文件：
import KboneUI from ‘kbone-ui’
import ‘kbone-ui/lib/weui/weui.css’

Vue.use(KboneUI)

就这样就可以啦！看起来超简单，可实际上这只是开头，奥利给