亲测用APICloud打包vue项目

准备工作:

1.去APICloud官网下载打包工具
https://www.apicloud.com/devtools
我使用的是第三款(Eclipse APICloud Plugins(Studio 1))
2.APICloud的账号肯定要自己注册一个啦
登录后进入开发控制台
亲测用APICloud打包vue项目_第1张图片
3.然后创建一个app应用
4.登录你下载的Eclipse APICloud Plugins(Studio 1),需要输入你的账号和密码,用来同步提交你的代码
5.进入后的界面
亲测用APICloud打包vue项目_第2张图片
6.将自己创建的app(我的是 菜鸟登陆)引入到本地
亲测用APICloud打包vue项目_第3张图片
7.然后点击 我的app项目
亲测用APICloud打包vue项目_第4张图片
8.打开外部资源位置
亲测用APICloud打包vue项目_第5张图片
9.外部资源位置
亲测用APICloud打包vue项目_第6张图片

10.vue生成dist文件之前还需如下操作

vue项目中需要做如下配置,config/index.js中需要把build的assetsPublicPath属性由原来的 / 改成 ./
亲测用APICloud打包vue项目_第7张图片
index.html添加一些代码用于处理物理返回键:
下面的代码添加在index.html中,

的下面
亲测用APICloud打包vue项目_第8张图片




这样打包以后代码还存在index.html里,引用脚本的路径也是apicloud目录下的。

11.这个时候再打包vue项目,生成dist文件。之后把dist目录下的文件复制过去覆盖原文件就行了。如此一来原文件只是多了一个static文件(里面装的是vue中打包的css和js文件)
亲测用APICloud打包vue项目_第9张图片
12.用svn提交修改过的代码
亲测用APICloud打包vue项目_第10张图片
13.新添加的文件需要svn–add一下,再提交
14.同步完成之后,进入打包环节

使用Eclipse APICloud Plugins(Studio 1)进行apk打包

1.进入开发工具,将index.html文件中所以的 /static 修改为 static
亲测用APICloud打包vue项目_第11张图片
2.生成本地安装包
亲测用APICloud打包vue项目_第12张图片
3.选择打包格式
亲测用APICloud打包vue项目_第13张图片
4.成功打包界面
亲测用APICloud打包vue项目_第14张图片
5.×掉即可,之后会弹出apk的文件夹
亲测用APICloud打包vue项目_第15张图片
6.将apk发送至你的手机,安装后显示
亲测用APICloud打包vue项目_第16张图片
7.完成app的打包

你可能感兴趣的:(APICloud,vue,vux-ui)