fangtingting
12/13/2017 - 8:49 AM

Hybrid APP 开发示例

cordova + webpack + vue + framework7-vue项目安装流程

安装

1、先安装Node (https://nodejs.org/)

2、修改npm的淘宝源

npm config set registry https://registry.npm.taobao.org

3、全局安装vue开发环境

npm install -g cordova
npm install -g vue
npm install -g vue-cli(官方命令行工具,可用于快速搭建大型单页应用)
//--save-dev表示只安装在开发环境,--save表示开发环境跟生产环境都安装
npm install vue-router --save
npm install framework7 --save
npm install vue-resource --save
npm install framework7-vue --save

4、已有项目安装命令

npm install
cordova platform add ios android browser  # 安装不同的驱动
cordova run browser -- --lr
# 先打开模拟器
cordova run android
cordova run ios

相关技术

Node 6.11 https://nodejs.org/en/

Cordova http://cordova.apache.org/docs/en/latest/

Vue 2.0 https://cn.vuejs.org/ 教程

Vuex https://vuex.vuejs.org/zh-cn/
Vue-router https://router.vuejs.org/zh-cn/

Framework7 http://framework7.io/

Framework7 Vue http://framework7.io/vue/

测试框架

mockjs http://mockjs.com/

mocha http://mochajs.org/

其他参考

ES6 http://es6.ruanyifeng.com/