美文网首页
Cordova + vue 打包APP

Cordova + vue 打包APP

作者: 白小纯Zzz | 来源:发表于2019-03-11 10:59 被阅读0次

使用cordova你需要安装JDK,Android SDK,Node

  1. JDK的安装教学
  2. 安装Android SDK 教学
  3. Node.js 官网镜像下载安装即可

安装cordova

打开cmd命令窗口,输入下面代码
npm install -g cordova
如果安装慢或者安装进度条不动,也可使用淘宝镜像,完成安装
npm install -g cnpm --registry=https://registry.npm.taobao.org
等待完成上面代码执行完成后,输入下面代码,完成cordova的安装
cnpm install -g cordovac

cordova常用的命令

创建cordova APP项目
cordova create hello2 com.example.hello2 HelloWorld2
添加你的app的目标平台,这里我们会添加 'ios' 和 'android' 平台,
cordova platform add ios --save
cordova platform add android --save
删除app平台
cordova platform rm android
检查当前的平台集
cordova platform ls
检查编译环境
cordova requirements
编译app
cordova build android
编译app到真机上(必须要连接 USB)
cordova run android

打包测试app的流程:

1.首先进入工作目录,创建cordova app 项目
然后就能在工作目录中看见你的cordova项目了
注:目录作用
    plugins ----- 存放cordova插件
    platforms ----- 存放IOS或者Android平台
    www ----- 存放H5或者vue项目
2.添加你的app的目标平台,这里我们添加一个android平台,成功后在cordova项目的“platforms”目录中会出现 “android”平台目录
3.手机通过USB 链接电脑,输入下面命令,静等手机显示你的H5或者vue项目吧
    cordova run android

打签名包

    cordova build --release android   

如果手机没有连接电脑可在以下目录找到apk,发送到手机上直接安装

    platforms\android\app\build\outputs\apk
    platforms\android\app\build\outputs\apk\debug   正常的安装包
    platforms\android\app\build\outputs\apk\release  签名包
4.cordova run android 可能会出错的原因
  1. 可能没有安装 Gradle   
  2. Android  Api和Android tools  还有和cordova的版本没有对应好
  3. Android  和  JDK  的环境变量有问题

相关文章

网友评论

      本文标题:Cordova + vue 打包APP

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