利用HBuilder将vue项目打包成移动端app
记录以下自己将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
以下为以android apk为例的发行为原生app的步骤
1,点击发行,这里发布测试apk选择使用DCloud公用证书,点击‘打包’
2,正在制作安装包,制作完成,手动下载
3,将下载的apk安装到android的手机看效果,以下是放到模拟器中的效果
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
监听WebView页面上所有的图片
有两周没写简书了,有一丢丢懒惰了,还是要坚持下来啊 废话不多说,进入主题 需求 现在有一个类似聚合阅读的APP里面的文章都是以WebView来显示内容 用户点击文章中的图片会进入到查看图片的页面 问题 根据Android Hybrid的想法,需要在HTML页面中提供让Android调用的js方法,但是在的HTML中并没有提供让Android调用的方法的时候该怎么实现功能。 思路 使用WebView的js注入,为HTML加入js函数监听 在Android中添加当触发HTMl中js方法的接口 实现 布局就一个webview,这里就不贴出了 MainActivity.java public class MainActivity extends AppCompatActivity{ private static final String URL = "http://www.jianshu.com/p/c51174efd824"; private WebView webView; @Override protected void onCreate(Bundle savedInstance...
- 下一篇
安卓巴士Android开发者门户
一、开源库 1.SimpleRatingBar 简单好用的ratingbar 2.NumberRain Android自定义控件仿黑客帝国数字雨 3.CacheWebView 突破系统WebView缓存的空间限制的WebView 4.luckly_popup_window Android开发使用PupopWindow在指定View的上下左右动态显示菜单列表,模仿IOS底部弹窗列表。 5.PhotoEditor 图片编辑器 二、工具 1.LayoutMaster 插件基于Layout Inspector,强化了这个工具,故取名Layout Master。 2.aliyun-sms 一个应用阿里云短信推送服务的Ruby Gem。 3.tray 支持多进程的Android的SharedPreferences替代品 4.gradle For more information about Gradle, please visit: https://gradle.org 5.UETool UETool 是一个各方人员(设计师、程序员、测试)都可以使用的调试工具。它可以作用于任何显示在屏幕上的 vi...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- SpringBoot2整合MyBatis,连接MySql数据库做增删改查操作
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装
- MySQL8.0.19开启GTID主从同步CentOS8
- SpringBoot2更换Tomcat为Jetty,小型站点的福音
- CentOS7编译安装Cmake3.16.3,解决mysql等软件编译问题
- SpringBoot2初体验,简单认识spring boot2并且搭建基础工程
- Docker使用Oracle官方镜像安装(12C,18C,19C)
- Hadoop3单机部署,实现最简伪集群
- Windows10,CentOS7,CentOS8安装Nodejs环境
- Docker安装Oracle12C,快速搭建Oracle学习环境