一个抹平vue.js与快应用差异性的工具
Clone or download
Latest commit 04c70a3 Sep 16, 2018

README.md

vue-hap-tools

快应用的语法虽然和vue.js比较接近,但也有比较多的差异;当需要将vue.js开发的web应用移植到快应用平台时,又需要重复写一遍相同的逻辑,这对于一个“有追求”的程序员来说,显然无法接受,因此产生了这个工具,提高开发效率。
vue-hap-tools基于自快应用官方脚手架hap-toolkit,支持用vue.js 2.x的语法及其开发方式来开发web与快应用程序,抹平快应用与vue.js开发的差异性,尽可能提高代码复用程度。现已支持vue.js的大部分常用特性、vue-router、vuex。

快速开始

使用基于vue-cli的模板工程快速开始

npm install -g @vue/cli
npm install -g @vue/cli-init
vue init Youjingyu/vue-hap my-project
cd my-project
# 或者执行 npm install
yarn

预览web端效果

npm run dev

预览快应用效果

# 开启hot reload模式
npm run qa-watch
# 开启预览server,用手机扫描二维码安装应用
npm run qa-server

预览快应用效果需要在支持快应用的手机(如小米、华为)上安装调试器预览工具。安装完成后,扫码即可查看效果。
下面是我们做的一个demo,同一套代码,分别在web和快应用上的效果

快应用效果

web效果

web效果

web效果

更进一步

vue-hap-tools文档
vue api支持情况
使用vuex、vue-router
已知问题