Cordova 相关框架评估

[qppq54s]

Ionic2

cordova + angular2 + ionic2

评价

开发上手还是比较简单的
主要问题在于angular2的学习和使用，开发过程中发现，组件的本地定制（例如弹出的日期组件在android本地语言是中文的情况下展示为英文，需要配置）较为复杂

Framework7

cordova + （framework7 + avalon.js | framework7-vue | framework7-react）

评价

1. avalonjs 调试不太方便，代码耦合度高
2. f7-vue 没有实时预览，只能通过先看Framework7文档再找对应的vue组件，结合kitchen-sink里的案例使用

OnsenUI

cordova + onsenui + (主流前端js框架)

评价

1. 相对于ionic2只支持angular2，onsenui选择了包容万象，而针对每一个js框架，例如 vuejs，都有对应的文档、cli和案例，上手较为简单
2. 主要问题是UI的定制化比较难，例如要更改一些样式需要修改全局的css

React-Native

评价

1. 不支持web端调试
2. 如果使用expo等框架，打包项目比较复杂，且不能真机调试框架内不包含的插件

Ant design mobile + dva + cordova

评价

1. 之前我们的项目都是用的dva + ant.design 比较熟悉了
2. 文档比较完善，ui很给力
3. 降低跨项目的难度
4. 跟原生的差距较大
5. 页面跳转没有ui效果等

最终，我选择了Framework7+vue，使用了这个Template，具体使用方法和过程中遇到的问题在这里#1