使用apicloud云编译vue项目

小白第一次用apicloud云编译vue项目,如有不对,欢迎指出!
采用vue开发的移动端项目可以通过apicloud云编译成Android和IOS两种APP。

1. vue项目的build
在vue项目的根目录下找到package.json文件并打开:
使用apicloud云编译vue项目_第1张图片
scripts下对应的是运行的命令。比如npm run test-apicloud,表示打包的vue项目连接测试环境(打包后的代码会放在根目录下的dist文件夹中)。
在根目录下打开cmd,输入:npm run test-apicloud,成功结果如下图:
使用apicloud云编译vue项目_第2张图片

2. 提交打包后的vue项目
进入dist目录中,提交代码到apicloud账号下对应的应用(测)下
使用apicloud云编译vue项目_第3张图片
使用apicloud云编译vue项目_第4张图片
3. apicloud云编译
登录自己的apicloud账号,在对应的应用(测试)下,进行云编译刚提交的代码,云编译完成后会出现APP下载的二维码,手机扫描下载后安装即可。
使用apicloud云编译vue项目_第5张图片

你可能感兴趣的:(前端技术)