使用cordova打包vue-cli3

作者: 相听不厌 | 来源:发表于2019-06-23 10:47 被阅读32次

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

相关文章

网友评论

    本文标题:使用cordova打包vue-cli3

    本文链接:https://www.haomeiwen.com/subject/ldriqctx.html