vue 项目通过 HBuilderX 打包成 apk 移动安装包教程

在使用vue写一些移动端(安卓端)网页的时候 总感觉在用户体验方面不太好,原因有几点,

1.首先在用户需要访问的时候必须去输入框填写你URL地址,像一些内部用的系统一般 网站名也不太容易记,而且不想PC端的浏览器 方便输入。

总之就是懒的去输入,程序员的通病嘛 就是能用简单的绝不搞复杂的,那就废话不多说了,现在使用vue 写页面越来越广泛,如果在找工作的时候说自己不会vue,甚至不知道vue 是什么的  那就真的是让人笑掉大牙了。

其实为什么使用的人这么多,当然是有优点的了,首先在通过vue项目打包成 APP 然后进行使用  不乏也是一种乐趣,也解决掉了一些常见的手机端页面的问题,而且他的学习成本低简单易学。下面就让我们进入正题。

 

1.首先你要准备一个vue的项目  然后进行配置  找到目录 config-->index.js里面的 build:下的 assetsPublicPath="/"  修改为

assetsPublicPath="./" 然后进行打包  npm run build

他会生成一个 dist目录   准备好以后备用

vue 项目通过 HBuilderX 打包成 apk 移动安装包教程_第1张图片

2.打开HBuilderX  新建一个项目  选择5+APP  起一个项目名称点击创建

<

你可能感兴趣的:(vue,打包APK,原创,HBuilderX,打包,打包成,apk)