vue项目转apk详细介绍linux虚拟器远程连接逍遥模拟器

vue项目转apk详细介绍

此篇文章为原创，转载请标明出处！！！

1、卸载centOs7自带的jdk，安装1.8版本

上传后解压
tar -zxvf jdk-7u67-linux-x64.tar.gz
编辑环境变量
vi /etc/profile 

export JAVA_HOME=/usr/local/src/Myjdk/jdk1.7.0_67  #jdk的本地路径
export JRE_HOME=${JAVA_HOME}/jre
export CLASSPATH=.:${JAVA_HOME}/lib:${JRE_HOME}/lib
export PATH=${JAVA_HOME}/bin:$PATH
最后刷新
source /etc/profile
配好jdk即可（java -version）

2、centOs7安装Android Sdk详细教程

• 我的博客上一篇就是教程：
• https://blog.youkuaiyun.com/weixin_45519387/article/details/104992111

3、下面就是安装node、vue等

• 这里依然参考我的博客即可
• https://blog.youkuaiyun.com/weixin_45519387/article/details/104308329

4、下面创建android环境

安装cordova
这一步的前提是已经完成安装node和npm,如果没有安装的话，请先完成node和npm的安装。
node安装：直接进入官网https://nodejs.org/zh-cn/，下载最新版本安装。安装之后在命令行中使用”node -v” 检查安装是否成功。
npm安装：由于新版的nodejs已经集成了npm，所以node安装时npm也一并安装好了。同样可以通过输入 “npm -v” 来测试是否成功安装。
使用命令
4.1、来全局安装cordova，安装成功之后，使用命令

npm install -g cordova

4.2、和node、vue那些一样需要配置全局路径

  cordova -v

4.3、新建cordova项目

cordova create myApp1 org.apache.cordova.myApp myApp2
cd myApp1

初始化cordova开发环境。
其中： myApp1：cordova目录名
org.apache.cordova.myApp： 包名
myApp2： 项目名（在config.xml中查看）
生成的cordova文件中 config.xml
-包含应用相关信息，使用到的插件以及面向的平台
platforms – 包含应用运行平台如 Android 和 iOS 上对应的 Cordova 库 plugins – 包含应用所需插件的 Cordova 库，
使得应用能够访问例如照相机和电池状态相关的事项。
www –包含应用源代码，例如 HTML, JavaScript 和 CSS 文件
hooks – 包含为个性化应用编译系统所需的脚本 使用命令

4.4、生成Android平台的cordova库，这时platforms文件夹中会生成一个android文件夹。

cordova platform add android

这里，cordova项目就已经建好了。
4.5、新建vue项目

vue init webpack MyApp

4.6、修改配置文件（打包的时候会用到）

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

4.7、对vue项目进行打包

npm run build

下面是重点了

5.调试打包apk软件

调试打包软件之前，首先检查androidsdk是否正确安装，执行命令
cordova requirements

正常情况是这面这样子的，安装成功的。如果说sdk没安装成功，返回上面重新安装一次即可

6、接下来需要连接真机或者模拟器
6.1、我这里使用的是逍遥模拟器
可直接去官方下载或点击我下方的磁盘链接下载

链接: https://pan.baidu.com/s/1os7yDpQ_vFtnqBXWr-9Njw 提取码: i74c 复制这段内容后打开百度网盘手机App，操作更方便哦

6.2、安装完成后需要配置一下桥接模式（若是使用Windows的cordova则不需要这步）

6.2.1、新建后启动一台模拟器，系统设置

6.2.2、将网络调整为桥接网络

6.2.3、设置静态ip，与自己Windows不冲突即可

6.2.4、调整好后让模拟器运行着

6.3、回到Linux当中，输入命令与模拟器进行连接

adb connect 192.168.1.107:5555
adb devices

下方这就代表已经连接成功了

6.44连接成功后在cordova主目录下使用命令
6.4.1、这一步是运行（第一次运行需要等待很长时间，这也是安卓工程师的常事，不要着急）

cordova run android

运行完成后在逍遥模拟器中就可以看到我们开发的app了，到这里你就成功了，是不是很激动呢？

6.4.2、运行完成后输入以下命令就可以打包了

cordova build android

• 完后打包后会给你个路径，在这个路径里的apk文件就是你开发的APP安装包了
  

最后将自己打包完成的APP导出即可！开发完毕。

以上就是使用centOS7将vue转换为apk的所有过程
Windows的教程可参考这篇文档，这里还包括了签名等东西
https://www.cnblogs.com/qirui/p/8421372.html

代码千万行，注释第一行。
格式不规范，报错两行泪！