美文网首页
cordova 打包app过程

cordova 打包app过程

作者: 逆行世界 | 来源:发表于2018-09-28 17:53 被阅读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 项目
    clipboard.png

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


    clipboard2.png
    2.添加你的app的目标平台,这里我们添加一个android平台,成功后在cordova项目的“platforms”目录中会出现 “android”平台目录
    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过程

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