使用cordova打包vue-cli3

windows环境

1、安装cordova

npm install -g cordova

2、创建cordova项目

cordova create hello com.example.hello HelloWorld

3、创建cordova平台（ios同理）

cordova platform add android --save

4、安装构建先决条件

要构建和运行App，你需要安装每个你需要平台的SDK。

运行：

cordova requirements

进行查看

cordova requirements

Requirements check results for android:

Java JDK: installed .

Android SDK: installed

Android target: installed android-19,android-21,android-22,android-23,Google Inc.:Google APIs:19,Google Inc.:Google APIs (x86 System Image):19,Google Inc.:Google APIs:23

Gradle: installed

Requirements check results for ios:

Apple OS X: not installed

Cordova tooling for iOS requires Apple OS X

Error: Some of requirements check failed

6、进入vue项目，安装vue-cordova

npm install vue-cordova --save

7、在main.js中引入vue-cordova

import VueCordova from 'vue-cordova'

Vue.use(VueCordova)

8、在项目根目录创建vue.config.js文件，内容如下：

module.exports = {

    publicPath: '',

}

9、构建vue项目，在项目根目录运行：

npm run build

10、将vue构建完成的项目复制到cordova中：

vue根目录dist下的内容复制到cordova项目根目录中的www文件夹下

11、用cordova构建APP：

在cordova项目的根目录运行：

cordova build

12、构建完成的APP 位于:

cordova项目名\platforms\android\app\build\outputs\apk\debug

补充测试APP相关:

1、模拟器：

cordova emulate android

2、真机：

cordova run android