通过cordova将vue项目打包为webapp的方法

终端中进入到vue项目，执行以下命令：

npm run build

6.文件转移

将dist文件夹下的文件，拷贝到cordova/platforms/androd/assets/www目录下 （index.html替代掉原本的）

7.构建cordova项目

从终端进入到myApp1/platforms/android/cordova目录下，执行以下命令：

cordova build android //构建apk　

配置JDK环境（这里只对mac os进行记录，Win系统请自行脑补）：

cd ~ 进入到~目录

touch .bash_profile

vi .bash_profile 使用vi编辑器编辑 .bash_profile文件

然后输入 i ,在vi编辑器里面输入 i 的意思是开始编辑。

vi编辑器里面的内容如下:

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

然后退出vi编辑器使用如下命令：（个人习惯 :wq！回车）

　　　　1. 输入ese

　　　　2. 输入冒号: wq

　　　　3. 保存退出

如果以上修改完毕切正确，那么接下来就是让配置的环境变量生效，使用如下命令：

source .bash_profile 

完毕以后查看下当前的java 版本是否正确输入如下命令：

java -version

如果是预想中的1.8，那么恭喜你，你这个时候就可以执行： cordova build android

cordova run android //构建apk，并安装到连接的设备上　　（按个人需求）