Cordova+vue项目Andriod（apk）应用

1. 安装cordova
   使用命令

npm install -g cordova

来全局安装cordova，安装成功之后，使用命令

cordova –v

来检查是否正确安装，正确安装会显示安装的cordova版本号。（全局安装，在哪个目录下查看版本都ok。）

2. 新建cordova项目
   执行命令

cordova create myApp1 org.apache.cordova.myApp firstapp

cd myApp1   （这个目录就是接下来所说的cordova项目根目录）

来新建cordova项目，初始化cordova开发环境。
接下来，使用命令

cordova platform add android

来生成Android平台的cordova库，这时platforms文件夹中会生成一个android文件夹。
其中：
myApp1：cordova目录名
org.apache.cordova.myApp： 包名
firstapp： 项目名（在config.xml中查看）
到这里，cordova项目就已经建好了。
3. 新建vue项目
为了方便，不需要每次编译都拷贝文件，可直接在cordova项目根目录中创建vue项目。
首先全局安装Vue-cli脚手架。

npm install -g vue
npm install -g vue-cli

然后使用命令

vue init webpack MyApp

新建vue项目，MyApp为vue的项目名称，完成之后的目录如下所示。

到这里，vue项目即构建完成。
4. 修改文件，修改Vue项目config/index.js文件。

如果是使用vue-cli3构建的项目，修改vue.config.js中的配置如下：

5. 编译vue项目
   在vue项目根目录执行命令npm run build
   即可编译vue项目自动到cordova主目录下的www文件夹中。
6. 检查环境（jdk，android sdk，gradle等）是否正确安装，因为接下来要调试打包软件apk，需要这些环境。
   执行命令 cordova requirements
   即可看到当前环境中sdk安装情况。显示如下即表示环境正确安装。（只需确认正确安装即可，不需每次都去检查）。
   

如果没有安装完上述几个环境，请移步本人博文《Android Studio安装，Android sdk安装，gradle安装》（博文链接：https://blog.csdn.net/qq_40544434/article/details/112269802）和《安装JDK8及环境配置》（博文链接：https://blog.csdn.net/qq_40544434/article/details/112270744）文档。 如果需要安装包请私信。

注：我安装的是android studio，安装完成后，选择android sdk进行安装。
下面继续，我们假设你已经装完了上述环境。
7. 在cordova主目录下使用命令

cordova run android

来联调android软件

如上图，打包成功，会看到如下目录中多了一个build目录。

打包的.apk文件在这个目录下：

接下来，打开Andriod Studio软件

数据线连接手机，并设置手机

Android studio和手机连接成功后，会出现如下界面

点击旁边的
将apk传至手机，并进行安装。

至此，一个小的apk的demo完成。
每次更改项目代码的时候，
1） 先停止，点击

2） 在vue项目目录下，重新执行命令cnpm run build打包更改过的项目到www目录。
3） 在cordova根目录下执行命令cordova prepare 进行刷新apk

4）然后重新点击
传输到手机。