cordova 打包app过程

使用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 打包app过程_第1张图片
clipboard.png

然后就能在工作目录中看见你的cordova项目了
注:目录作用
plugins ----- 存放cordova插件
platforms ----- 存放IOS或者Android平台
www ----- 存放H5或者vue项目


cordova 打包app过程_第2张图片
clipboard2.png
2.添加你的app的目标平台,这里我们添加一个android平台,成功后在cordova项目的“platforms”目录中会出现 “android”平台目录
cordova 打包app过程_第3张图片
clipboard3.png
clipboard4.png
3.手机通过USB 链接电脑,输入下面命令,静等手机显示你的H5或者vue项目吧

cordova run android

4.cordova run android 可能会出错的原因

      1. 可能没有安装 Gradle   
      2. Android  Api和Android tools  还有和cordova的版本没有对应好
      3. Android  和  JDK  的环境变量有问题
注意:

如果你的vue项目有改动的话,首先要cordova platform rm android 删除已添加平台,重新运行上面2,3步

你可能感兴趣的:(cordova 打包app过程)