创建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发布的话,可以参考这篇文章: