1，把vue项目打包成dist目录

我们先将项目目录下config文件内index.js中

assetsPublicPath修改为 assetsPublicPath: ‘./’

然后打包成dist文件夹，在cmd输入以下命令

npm run build1

你就可以得到下面这个文件夹然后在Hbuilder中打开dist目录，我们可以得到下图

2，下载Hbuilder

3，打包成app

接着我们右击这个dist目录，选择转化为移动app

这时候就会出现一个manifest.json，点击这里你可以选择启动图配置，选择你喜欢的启动图，也可以跳过。

大部分的设置都可以默认，跳过

最后

因为vue项目没办法检测这个手机物理返回键，所以我们可以在index.html文件中修改一下，很简单

document.addEventListener('plusready', function(a) { //等待plus ready后再调用5+ API：                   在这里调用5+ APIvar first = null;                  plus.key.addEventListener('backbutton', function() { //监听返回键//首次按键，提示‘再按一次退出应用’if (!first) {                              first = newDate().getTime(); //获取第一次点击的时间戳// console.log('再按一次退出应用');//用自定义toast提示最好// toast('双击返回键退出应用'); //调用自己写的吐丝提示 函数                              plus.nativeUI.toast("双击退出", {duration:'short'}); //通过H5+ API 调用Android 上的toast 提示框                              setTimeout(function() {                                  first = null;                              }, 1000);                          } else {if (newDate().getTime() - first

=text>=text>=text>=text>=app>

直接复制贴上去就行了。广告可以去掉，点击打包。打包完成，下载到手机，就可以安装使用了。

点击导航栏的发行，选择云打包