[apiCloud结合vue](混合跨三端) 实现单页混合开发。

由于app是基于apicloud的多页混合开发,目前想转成单页开发,更好的管理,更好的维护,导致问题就来了,官方ApiCloud是不建议单页,不过,我觉得还是单页好,可能是vue用多了吧- -~。
本次搭建主要是利用webpack --watch的方法来实现,WIfi真机同步。每次修改监听直接编译生成文件,将wifi同步路径指定打包生成的文件。vue-apiCloud-model-mobile,如果帮助到你了请给个star,混合开发升级版,本人目前也在使用该模板开发公司项目。
2020-05-09: 项目重新升级,整体编译速度大幅度提升,api模块化,新增better-scroll示例

vue-apiCloud-model-mobile 项目结构

  • apiCloud (执行 npm run watch-build 生成的 apiCloud 项目)
  • public (公共文件,webpack 不处理,只 copy)
    • img (公共图片)
    • js
      • api.js (apiCloud 可有可无的 api.js)
    • config.xml (apiCloud 至关重要的 config.xml)
    • favicon.ico
    • index.html (模板)
    • manifest.json
    • robots.txt
  • src (配置主要结构)
    • assets (资产文件,放置 css,js,font,img 等资源类文件)
    • common (公用文件)
      • js (包含:自适应 rem.js,全局方法 mixin.js,微信 wx_sdk.js)
      • styles (包含:css 初始 base.css,全局样式 mixin.less)
    • components (vue 组件)
    • router (vue 路由)
    • server
      • api.js (api 接口文件)
      • axios.js (axios 二次封装,全局拦截处理)
      • envconfig.js
    • store (vuex 状态管理)
    • views (vue 页面)
    • App.vue
    • main.js
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值