使用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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容