HBuilderX创建vue项目打包成移动APP

创建vue项目，利用HBuilderX打包成移动APP，在手机上运行的方法步骤

1、先创建好一个vue项目

2、打包该项目

注意：配置公共路径（config文件内index.js中assetsPublicPath修改为 assetsPublicPath: './'）

dist里面就是编译打包后的vue项目文件：

3、在HBuilderX中新建一个5+App项目

在新建的test项目中，除了App配置文件manifest.json，其他文件可以全都删除掉。

然后，将之前打包好的vue项目中的dist文件夹中的所有文件复制到test项目中

这些是dist文件夹中复制过来的

4、USB连接手机，打开开发者选项，打开以下USB功能：

手机连上后，配置manifest.json文件：

5、运行index.html文件，选择你自己的手机

OK，在手机上运行成功了！

我的项目效果如下：

如果想要将vue项目打包成移动App发布的话，可以参考这篇文章：

https://www.cnblogs.com/taohuaya/p/10263519.html