使用apicloud打包已有的vue项目

1.npm全局安装 apicloud-cli,调试时用到

npm install –global apicloud-cli

2.使用vue-cli新建一个项目模板

vue init xiaoqiang730730/vue_apicloud projectname
2019110100390097

可选择输入项目名称,不输入直接回车就是init命令最后的名字

3.安装依赖

cd projectname

npm install

4.接下来可以使用vue ui面板来操作,比较方便

vue ui

导入项目2019110100470169

5.检查有没有需要移植的项目中缺失的依赖,如elementui,axios等,安装缺失的依赖

6.移植原有项目,vue模板文件可以直接搬过来,再按需修改main.js和路由配置js文件

如,整合新旧项目中需要引入的库,或根据目录结构的变化调整路由的路径等

7.vue ui 里运行dev命令可进行开发调试

2019110101035171

 

打包的命令是package,运行后输出如下内容

2019110101052364

得到了一个压缩文件,就是用这个去生成原生应用安装包

8.在apicloud官网,新建项目,进行基本的设置,然后把它初始化的代码拉下来(svn)

2019110101125283

2019110101143462

9.把生成的压缩资源包解压并覆盖到这里面,然后svn提交代码

10.最后使用apicloud的云编译就可以打包生成原生app的安装包了

2019110101173375

本文来自投稿,不代表微擎百科立场,如若转载,请注明出处:https://www.w7.wiki/develop/2618.html

发表评论

登录后才能评论