丈夫志四海,万里犹比邻。这篇文章主要讲述vue打包webapp要点相关的知识,希望能为你提供帮助。
一、vue源码的设置
1)src中关于router的配置 model:‘history‘ 要去掉,即地址栏中保留“#”。
2)config的index关于build的配置 assetsPublicPath:‘./‘ 注意要加点。
如果上面两项没设置对,那么,打包出来的webapp是空白的,呵呵。
二、Hbuilder打包安卓的过程
1)打开目录,选择vue里面npm run build生成的dist目录。
2)右击该目录,"
转换成移动APP"
,目录树中的图标从 W 变成 A。
3)目录树中出现 manifest.json ,双击,配置(如基本信息、图标配置、启动图片等等),保存。
4)“发行”--“云打包-打原生安装包”,提交打包任务(为了用户体验,去掉广告。选安卓证书)。
5)把产生的apk 文件分发。
在目录树中选中index.html,然后 “运行”--“浏览器运行” 即可,这样可以在chrome中去调试代码。
【vue打包webapp要点】如果是纯粹的移动端web,没有涉及到设备,打包一个安卓基本上就结束了。
推荐阅读
- 搭建appium环境时遇到的坑
- Android基础控件——ViewPager实现带有动画的引导页
- Android实战——okhttp3的使用和封装
- app页面用css 的direction 属性解决select 下拉框右对齐
- Android实战——第三方服务之Bmob后端云的推送服务的集成和使用
- Android实战——第三方服务之Bmob后端云的集成用户登陆用户注册获取用户用户注销
- Android实战——Dagger2一场老板与员工的故事会
- Android实战——Glide的使用,加载图片只要一句话
- Android群英传知识点回顾——第八章(Activity与Activity调用栈分析)