vue项目 打包成apk(android)

前言： 很多小伙伴肯定都想开发app，但是平时都是用vue开发项目的，这里就提供一个将vue项目打包成app的方法

 准备工具： Visual Studio Code,  HBuildX

1. 打包Vue项目dist

        使用打包命令在VSC（Visual Studio Code）中将项目打包，一般打包命令是（npm run build）

        打包成功后，将dist文件夹下面的所有文件保存，之后需要使用

注意：为了防止打包app后项目出现白屏bug，我们需要在打包前，在vite.config.js文件中配置base:'./'

2. 创建H5 +APP项目

        a. 打开HBuildX，并创建H5 + APP项目，使用默认模板

         b. 将之前vue打包文件夹dist下面的所有文件粘贴到这个新建项目的根目录下

        c. 点击顶部 "发行"，选择 "原生App-云打包"，具体内容如下，之后静静等待打包成apk

注意：

1. 打包过程中，我们需要登录到HBuildX， 如果没登录就进行打包，它也会提示你进行登录

2. 登录之后，我们需要在manifest.json文件中，获取一下AppID, 以及更改一下打包名称

3. 打包过程中，有可能会出现权限问题，需要你根据提示在: manifest.json -> 模块配置 中，关闭一些权限。

打包成功后，可以将apk文件上传到手机中，进行下载即可！！打包信息会显示在终端。