cordova+vue+android整合打包成apk

最近想试着打包apk，而后用到cordova平台，vue框架，加上安装Java的jdk，android的jdk一堆的环境，对于前端的我来讲，安装环境真的是最麻烦的，网上的教程不少，新的旧的都有，跌跌撞撞终于弄出来了，综合一下写下来，留给本身看看。
如下个人电脑室windows x64的

https://www.cnblogs.com/summa...

一、安装java sdk
首先，去官网下载，https://www.oracle.com/techne...，点击accept license agreenment

下载好后，双击安装：

而后选择好本身要安装的路径：

安装JDK的时候，会自动给你安装JRE，选择好本身要安装的路径：

安装完成，点击关闭。

如今要配置环境变量。新建一个系统环境变量，变量名为JAVA_HOME，变量值为JDK的安装路径：

而后在系统变量列表中，双击Path变量，并将 %JAVA_HOME%bin; %JAVA_HOME%jrebin追加到变量值后面（注意，在变量里不要有任何多余的空格）：

最后验证安装是否成功，打开命令行窗口，在命令提示符下执行javac -version。若是安装成功，就会看到版本号

二、安装AndroidSDK
首先，下载AndroidSDK，http://www.androiddevtools.cn/
找到对应的sdk tools下载：

选择一个最新的版本就好了。注意，这里有exe和zip两种文件可供下载，exe的就是个安装程序，下载下来须要本身双击安装。我这里下载zip压缩包，下载后，直接解压缩到你想要安装Android的路径就好了。解压后的文件目录以下：

而后就双击“SDK Manager.exe”，启动SDK Manager：
这里要装哪些，我也不是很清楚，参考一做者里面讲的（后面会附上参考的文章连接）。装了一些高版本的，而后装上对应的android版本的API，下载过程比较慢，这里我android是7.0版本的。

最后一步，设置环境变量。
首先，新建一个系统环境变量，变量名为ANDROID_SDK_HOME，变量值为你的SDK安装路径，这里个人安装路径为D:android-sdk-windows，如图所示：

而后把”platform-tools“和”tools”路径追加到系统环境变量Path中，%ANDROID_SDK_HOME%platform-tools;%ANDROID_SDK_HOME%tools：

检验一下Android SDK是否安装成功：在命令行窗口中输入”adb version“：

三、安装gradle
首先，下载，https://services.gradle.org/d...，我下载的是这个

再来配置环境变量，
新建一个系统环境变量，变量名为GRADLE_HOME，变量值为安装路径，这里个人安装路径为D:Program Filesgradle-4.1

系统变量追加path，%GRADLE_HOME%bin。

到这里，环境算是安装完成了

四、cordova+vue
如今来搭建cordova平台，和vue项目。

• 全局安装nodejs

node安装：直接进入官网https://nodejs.org/zh-cn/，验证安装成功：node -v
npm安装：新版的nodejs已经集成了npm，因此node安装时npm也一并安装好了。验证安装成功： npm -v

• 全局安装cordova

执行命令：npm install -g cordova，验证安装成功：cordova -v

• 新建cordova项目

执行命令：

cordova create myproject com.example.myproject myproject
cd myproject
cordova platforms add android

• 新建vue项目

直接在cordova项目根目录中建立vue项目：

npm install -g vue
npm install -g vue-cli
vue init webpack vue-app
cd vue-app
npm install

修改Vue项目config/index.js文件.

编译vue项目文件

npm run build

就能够直接编译vue项目自动到cordova主目录下的www文件夹中。

• 调试打包apk软件

首先，检查总体环境：
cordova requirements
我这里貌似少个虚拟机，可是对打包apk也没有影响，后面再继续研究

执行命令：

cordova build android

后面的apk签名还没弄...，先写一半

注意：
一、首次使用时，命令行提示 Downloading https://services.gradle.org/d...，是在下载对应的gradle并自动解压安装，根据网络情况，可能耗时极长，且容易报错。
能够这么运行 将下载的zip文件放一份在gradle文件下：

修改对应文件的路径：

二、安装SDK Manager.exe的时候可能会出现闪退的状况，能够参考这的文章：
【转载】https://blog.csdn.net/puma004...
三、安装SDK Manager.exe项次的时候，能够参考这的文章：
【转载】https://www.cnblogs.com/xiong...