1、对于新项目，可以使用 kbone-cli 来创建项目，首先安装 kbone-cli:
npm install -g kbone-cli
2、创建项目：
kbone init kbone-vue
模板选择 vue
3、进入项目，按照 README.md 的指引进行开发：
// 开发小程序端
npm run mp
// 开发 Web 端
npm run web
// 构建 Web 端
npm run build
执行 npm run mp 命令后，下载安装好微信开发者工具，打开工具，导入kbone-basic/dist/mp文件，即可预览项目效果：
image
执行 npm run web 命令后，在浏览器中预览效果：
image
执行 npm run build 命令后，会生成 dist/web 文件夹，里面是static静态文件和index.html入口文件。
PS：项目基于 webpack 构建，关于 webpack 方面的配置可以点此查看，而关于小程序构建相关的详细配置细节可以参考此文档。 -
使用 kbone-cli 快速开发 1、对于新项目，可以使用 kbone-cli 来创建项目，首先安装 kbone...
Kbone基础 - [05] Kbone + Vue 项目手工搭建流程[https://zhuanlan.zhih...
1、搭建React开发环境 在命令行输入以下命令，创建一个 react-todos 项目： 2、编写React t...
1、搭建Vue开发环境 在命令行输入以下命令，创建一个 vue-todos 项目： 2、编写Vue todos代码...
kbone官方文档[https://wechat-miniprogram.github.io/kbone/docs...
此方案基于 webpack 构建实现，构建 web 端代码的流程无需做任何调整，此处只介绍如何将源码构建成小程序端...
Kbone 简介 1、导语 小程序作为一种新兴地链接用户与服务的方式，相信大家都或多或少接触过。对于开发者来说，它...
Java 基础01Java开发入门 Java 基础02Java编程基础 Java 基础03面向对象 Java 基础...
简介 QBasic快速开发框架，Q是Quick的缩写，QBasic就是快速基础之意。QBasic的开发初衷是为开发...
微信团队推出了一个开源方案kbone，他们对kbone的描述是kbone 是一个致力于微信小程序和 Web 端同构...
本文标题：Kbone基础 - [02] 快速开发
本文链接：https://www.haomeiwen.com/subject/qrrupktx.html
网友评论