kbone-多端统一开发工具学习

kbone
一、基础创建
1.对于新项目，可以使用 kbone-cli 来创建项目，首先安装 kbone-cli:

npm install -g kbone-cli

2.创建一个基于vue和kbone的项目

kbone init kbone-vue

3.在vscode终端里进行命令输入，发生如下错误（未解决），选择了cmd替代方法

4.打开cmd中进行kbone init kbone-vue，执行成功，选择vue

5.执行结束，成功创建项目

6.返回vscode中，执行npm run web

7.在浏览器中得到页面

8.想要在微信小程序端得到效果，运行npm run mp

9.运行完成

10.同样，执行npm run build,看效果

二、移植项目
以后可以直接把vue的项目移植到kbone里，
移植的方法：
1.把代码copy过来
(vue-todos文件为vue项目，将其vue文件导入kbone)

2.改动两个地方
2.1 编写一个入口文件，放进类似于mp的文件里，入口文件把根节点注入到页面上，

2.2 通过在webpack里引入入口点，在小程序里就可以加载在vue里写好的代码。