cordova+vue实现Hybrid APP开发

1.安装cordova：npm install -g cordova
安装成功后可用：cordova -v查看版本

2.安装vue：npm install -g vue-cli
安装成功后查看版本：vue --version
3.创建cordova项目：cordova create appRoot
进入appRoot目录下，有如下结构：

使用指令：cordova platform查看可以安装的平台最新版本
cordova requirements查看cordova的项目配置要求
cordova platform add android --save添加android平台，可以将android改为ios、browser等
cordova run android直接运行项目在模拟器上或者真机上
cordova build android编译打包项目为app-debug.apk

4.创建vue项目：vue init webpack vue_app一直按回车就创建了一个基础的vue项目
cd到vue_app执行npm run dev然后浏览器输入localhost:8080就可以看到该vue项目的效果了
执行npm run build是将vue项目打包

5.将cordova项目和vue项目串联起来
将cordova和vue项目放在同一级目录：

修改vue项目中的打包配置文件：
config/index.js

修改build/utils.js

其主要目的是将 Vue 项目的打包目录设置我们我们 cordova 项目的 www 项目之下
然后在vue项目下执行npm run build后去cordova项目下执行cordova run android或者cordova build android

cordova+vue混合开发android 模拟器的环境搭建：
1.安装java环境：
去oracle官网https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html?ssSourceSiteId=otnes下载 Java sdk，我用的是8.1:

然后安装到你喜欢的位置，然后去系统环境变量中添加配置：
如：C:\Program Files\Java\jdk1.8.0_231\bin
然后打开cmd，执行java，就能查看安装的java了
2.安装android-sdk，
去https://www.androiddevtools.cn/下载sdk-tools：

安装或者解压到你喜欢的路径，然后去环境变量中新建一个ANDROID_HOME变量，将你安装的android-sdk目录的路径放进去：

然后在Path环境变量中添加：%ANDROID_HOME%\tools %ANDROID_HOME%\tools\bin %ANDROID_HOME%\platform-tools
platform-tools：中是adb相关，你可以添加后再cmd窗口执行adb查看是否配置成功，
tools：是sdkmanager所在，我们需要去配置与cordova项目对应的android api和android build-tools
如我在为cordova添加android平台的时候执行的是cordova platform android@8.0.0 --save
那么cd 到android-sdk/tools下执行：
sdkmanager "platform-tools" "platforms;android-28"
sdkmanager "build-tools;28.0.0"
3. 安装gradle：
去官网https://services.gradle.org/distributions/"下载喜欢的gradle版本，然后解压到喜欢的路径下，去环境变量中配置，如：D:\gradle-6.0.1\bin
去cmd窗口查看是否配置成功 gradle -v

到此，基本环境搭建成功，如果想在android模拟器上运行，我是通过下载android studio去启动模拟器的，android stuidio的安装教程可以查看网上教程，

ps:如果在执行cordova build android或者cordova run android的时候出现提示androidbuildtools的版本要高于19的时候，去platforms\android\CordovaLib\cordova.gradle文件中修改：