使用vue编写快应用解决方案

前端开发话题下的优秀回答者

大家都知道近期android联盟发布了快应用产品，可以在android手机上使用类RN，Weex的开发方式进行原生系统应用的开发。

1. 快应用是基于手机硬件平台的新型应用形态，标准是由主流手机厂商组成的快应用联盟联合制定。
2. 快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台，以平台化的生态模式对个人开发者和企业开发者全品类开放。
3. 快应用具备传统APP完整的应用体验，无需安装、即点即用。

新浪移动作为快应用第一批内测用户，在小米手机上已经很早的发布了新浪新闻客户端的快应用程序，大家可以在小米手机上搜索新浪新闻客户端体验：

在上个月，美团点评发布了mpvue框架，功能是用vue来编写微信小程序，同时可以运行在web上，其实很早以前我们这边也同样在进行技术调研和攻关，不过后来看到mpvue的火爆，更加坚定和肯定了我们这个想法是可以实现的，现在我们内部如果开发微信小程序也是建议使用mpvue。

但是快应用产品发布后，在android手机上如何能够达到和mpvue一样的效果，我们经过调研和开发，目前已经基本完成了第一版的核心代码。

废话不多说，直接看视频效果，下面2段视频分别是在vue-hap-tools下开发的快应用，一个是同样的代码build出来的web版本快应用。

web版本：

快应用版本：

目前来看，我们在开发过程中，只要是注意使用快应用的css子集以及使用我们构建工具中的分端构建注释代码，遵守一定的开发规则和注意问题，那么我们就可以比较顺利的开发出一套可以复用在快应用以及web上的前端程序。

安装以及开发使用技巧可以参考我们的官方文档，在脚手架中我们已经集成了一个简单的todolist的demo，开发者快速的构建上手体验一下。

至于我们是如何hack的hap-tools官方工具，由于篇幅比较长，后期有时间考虑再单独写篇文章进行介绍，这个项目的主要作者是：Youjingyu (whale) ，

，我只是参与了template部分的转换以及对官方脚手架结构的一些源码阅读（快应用官方并没有开源构建工具）。

最后如果大家在使用过程中对vue-hap-tools工具有什么问题可以及时提到Youjingyu/vue-hap-tools issues中，更多的使用和安装方法可以参考我们的github官网文档。

最后感叹一句：

Recommend