使用Cordova来打包vue项目 mac上安装的Android平台

使用Cordova来打包vue项目 mac上安装的Android平台
刚到公司，老大就让用Cordova来打包测试下写了一般的手机端项目，查看第三方接口的调用情况，无奈，只能硬着头皮上了，下面是整个流程，已经调试成功，亲们可以尝试着，跑下。
* 1. 无论是mac还是Windows，得先安装node，npm，这里不做详述
* 2. 全局安装Cordova，可以通过cordova -v 来判断是否成功

  $ sudo npm install -g cordova

* 3. 创建Cordova项目,会有相应的目录结构，详情请看官网

$ cordova create hello com.example.hello HelloWorld

* 4. 添加平台

$ cd hello

* 5.添加目标平台

$ cordova platform add android --save

* 6.检查平台的设置情况

$ cordova platform ls

* 7.安卓平台的构建的条件，你可以先产看下，自己的电脑上是否有安装相关的

$ 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

* 8.坑来了，因为是新的mac，我的电脑是空白的，所以我得一个个去安装并配置相关的环境，说多了，都是泪

1. 安装jdk，麻烦去官网下载稳定版本，1.8及以上的这里写链接内容

2. 安装Android sdk ,一样去官网下载最新版本的，Android studio，
   mac 下，解压安装即可，打开Android studio ，对应的打开你的Cordova 项目中的platform 中的Android目录，然后在tools—>sdk mananger,多勾选几个最新的版本，省的报错，Android target没安装，
   这是个坑，找了好久。
   

3. 安装gradle,自己去官网，或者npm安装均可.

4. 配置环境，这是个大坑，mac 中配置环境，需要找到bashrc ，打开finder，按cmd+shift+g，输入/etc，再回车，再找到bashrc文件打开

GRADLE_HOME=/Users/XXX/Downloads/gradle-4.0.2
export GRADLE_HOME
export PATH=$PATH:$GRADLE_HOME/bin

JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_171.jdk/Contents/Home
PATH=$JAVA_HOME/bin:$PATH:.
CLASSPATH=$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:.
export JAVA_HOME
export PATH
export CLASSPATH

export PATH=$PATH:~/Library/Android/sdk/platform-tools
export PATH=$PATH:~/Library/Android/sdk/tools

* 9.好了，检查下自己的构建条件，Cordova requirements 即可
* 10. 之后将自己的vue项目npm run build 一下，将dist文件中的东西复制到 Cordova中的www文件中，记得不要修改任何东西，这是哥坑，网上有很多需要修改什么的，走了很多弯路，后来发现什么都不需要修改。
* 11.在终端，进入你的Cordova项目，根目录，输入

cordova build
cordova build android

* 12.因为我是在真机上运行的，直接打开Android studio ，对应的run一下，看图


点击proceed without instant run 即可
* 13.连上你的Android手机，开启调试，就开始安装啦

不说了，回头要在windows上安装试下，到时候再更。。。。。。