VUE项目打包成apk

在我们的开发需求中，可能会遇到需要将vue项目中的H5代码打包成一个安卓的app，那么我为大家介绍一套保姆级的解决方案，看完你就会。

VUE + HBuilder

1.准备工作：

需要下载一个HBuilder X编辑器，不过我相信大家身为前端开发工程师，都会有，但是下面我还是会放一个下载地址，以防有些同学没用过uni开发。

下载地址：HBuilderX-高效极客技巧

 

2.开始打包apk：

2.1---首先将我的vue代码执行打包命令，找到你的打包文件。

 2.1---打开HBuilder X 编辑器，新建一个5+App的项目

 2.2---将项目里面的除manifest.json以外的文件全部删除。

 2.3---将vue打包好的文件粘贴复制到新建的项目中，然后选择发行 --> 云打包，然后点击打包。

manifest.json为你的app项目配置，可自行增加配置。

 

 

 

2.4---然后点击打包，继续打包，然后等待

这里会告诉你你打包好的文件apk会放在哪里，之后安装测试即可。

3 注意事项：

我们再将vue打包好的文件复制过来的时候，最好去看一下index的里面资源引入情况，看看和你当前文件夹位置是不是对的上，不然可能会导致白屏。

 

最后希望能帮到大家，如果帮到你，希望你能点个赞，谢谢大家！！！