将vue移动端项目,打包成App,方便手机更真实查看效果

思路:

   1.vue项目正常打包生成dist文件夹

     

2.使用HBuilderX编辑器 创建一个 5+App项目 

  

3.创建完成如下

4.将vue项目打包的文件与这里的 相同的文件 覆盖掉   ,完成之后,打开manifest.json,进行基础的配置 ,包括版本 , 名称 图标 等配置

注:一定要先获取AppID

5.右击项目->发行->原生app云打包 ,如图:ios打包需要上传公有证书  ,如果没有,可以只进行android打包,选择公共测试证书,可以取消下面的广告

6. 成功之后回生成一个下载地址,是一个apk文件  然后传到手机上就可以 点击安装了 

7. 下载下来是个apk文件,安装测试,没有问题, 表示打包成功了 

 

    

Logo

前往低代码交流专区

更多推荐