我们应该感谢相遇,无论结局是喜是悲....
vue 打包为app
  • 首页 > 教程小结
  • 作者:起点终站
  • 2018年7月13日 15:00 星期五
  • 浏览:1731
  • 字号:
  • 评论:0
  • 记录以下自己将web app打包成移动端app的步骤及问题


    事先准备,开发完成的web app项目(也可以利用vue-cli脚手架构建vue模板项目),npm run dev可以正常预览的项目


    1,将项目目录下config文件内index.js中assetsPublicPath修改为 assetsPublicPath: './'

    2,执行npm run build之后生成dist文件夹

    3,打开HBuilder,文件->打开目录,如下图

    选择刚才生成的dist目录,输入项目名称,点击完成

    附HBuilder下载地址:http://www.dcloud.io/


    3,此时会看到HBuilder项目下多了一个W标识(表示web项目)的myApp项目,

    右键菜单选择‘转换成移动‘转换成移动App’,然后‘myApp’前面的标识就变成了‘A’,至此就已经转换成移动app了,

    随后就可以利用HBuilder连接真机运行

    或者发行成为原生app


    注意:如果真机运行或模拟器运行报如下错误

    Uncaught Error: [vuex] vuex requires a Promise polyfill in this browser

    可参考:http://www.jianshu.com/p/3e3b171179f8


    以下为以android apk为例的发行为原生app的步骤

    1,点击发行,这里发布测试apk选择使用DCloud公用证书,点击‘打包’

    2,正在制作安装包,制作完成,手动下载

    3,将下载的apk安装到android的手机看效果,以下是放到模拟器中的效果



    然后就可以在手机上玩啦~

      您阅读这篇文章共花了:  
    本文作者:起点终站      文章标题: vue 打包为app
    本文地址:https://blog.hellozwh.com/?post=387
    版权声明:若无注明,本文皆为“起点终站”原创,转载请保留文章出处。
    返回顶部| 首页| 手气不错| 网站地图| sitemap| 装逼生成器| 站长介绍|

    Copyright © 2014-2017 起点终站   闽ICP备16011094号-1

    00:00 / 00:00
    顺序播放