用HBuilder打包安卓app

一、准备工作
1、先把vue项目运行起来，具体的vue项目运行准备可查资料，可参考：https://blog.csdn.net/wwaenig521314/article/details/73469542
2、安装好工具，cmd定位到相应到vue项目的相应路径如下图：

3、npm install 或cnpm install命令安装项目所需要的依赖cnpm(淘宝镜像，淘宝npm)
4、安装好依赖后，可以输入npm run dev 运行项目
5、

6、若想终止进程ctrl+c
7、安装Hbuilder,导入项目

导入后可见

二、下面可利用HBuilder将vue项目打包成移动端app
可参考：https://blog.csdn.net/zhoudan232/article/details/73466814
1、将项目目录下config文件内index.js中assetsPublicPath修改为 assetsPublicPath: ‘./’

修改src-api-index.js文件

2、执行npm run build 之后生成dist文件夹,每次修改改代码都要执行，然后可使用手机连接电脑真机运行进行调试

3、打开HBuilder,文件——>打开目录，如下图

4、选择导入的dist项目，右键->转化成移动APP


5、项目的“W”标识转成“A”标识说明转化成功

7、配置参数，版本号，可在login.vue查看。.每个app都有对应的appid，每次打包都要确认appid是否正确，一个appid对应一个开发者账号，所以同一个app不要用两个账号去打包。

8、图标配置（手机上显示的app图标）

9、启动图片配置，选择相应大小的图片。

9、SDK配置，有用到才去配置（如果app有用到相关功能，一定要配置！）
比如，我们用到个推，那么个推就需要配置，

10、保存mainfest.json文件，那么配置就完成了，就可以真机运行（点击所要打包的项目名----->运行------>真机运行------->选择你当前设备（手机需要打开开发者模式，USB模式需要打开））

手机连接电脑USB打开开发者模式后

11、真机运行可以后，打包

选择安卓打包，记得去除广告

10，打包后可在dist以下路径看到安装包(.apk)可直接在安卓手机上进行安装

11、把打包好的安卓包部署到外网服务器的相应项目中，pc端系统配置参数上需配置版本号，即可实现app自动更新下载