1.生成cordova项目
具体见http://cordova.apache.org
全局安装cordova
$ npm install -g cordova
创建一个项目名为MyAPP的工程
$ cordova create MyApp
生成目录如下图:
2.在MyAPP工程中创建一个Vue项目
具体见https://cn.vuejs.org/v2/guide/installation.html
全局安装Vue-cli
$ npm install --global vue-cli
创建一个基于webpack模板的新项目
$ vue init webpack MyApp(名字可以和上面工程一样)
创建好目录见如下:
$ cd MyApp
$ npm install
$ npm run dev
3.修改Vue项目config/index.js文件
4 .对Vue工程进行build,编译之后打包生成的代码自动跑到主目录下的WWW文件下
cd 到Vue的MyApp目录下,执行npm run build
5 . 对cordova进行各种平台进行编译
cd到 主目录下,执行 cordova build iOS、cordova build Android等。