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等。

Logo

前往低代码交流专区

更多推荐