新增文件/目录

  • 所有开发目录均在src里面创建,项目根目录所有文件为命令行构建项目所需
  • 一般情况src目录下文件夹已全部划分好,无需重新创建新文件夹,根据业务所定

新增页面

  • 区分主包跟分包:主包在pages文件夹,分包在packages文件夹
  • 根据应用模块划分文件夹,在里面创建相关业务.vue/.nvue文件

微信小程序自定义tabbar,所以所有可能是tabbar的页面必须在主包pages下面,不可以在分包packages


新增组件

  • 公共组件不需在项目中注册(其他组件需在每个页面注册引用),直接引用组件 <lk-button>按钮</lk-button>,默认前缀为lk(表示公司名称)
  • 自定义组件分商城装修组件跟自定义表单组件(商城装修组件可搭配reform-load方法使用,用于实现数据懒加载)
  • 新增公共组件在components文件夹下新建,创建与组件同名目录,目录名称与组件名称一致
  • 页面组件在当前页面下创建components目录,创建对应组件即可
  • 组件命名注意语义化,以-划分,不要驼峰命名;如(cell-tag.vue,tab-popup.vue)...

新增api方法调用

  • api文件夹一般二次封装官方uni相关api
  • 建议把常用的uni相关api封装到此目录,如:
  • navigate.js用于拦截路由跳转;
  • prompt.js用于提示弹窗;
  • requset.js用于请求接口;
  • storage.js 用于存储数据;
  • uploadFile.js 用于请求上传文件上传图片相关接口;
  • media.js 调起设置媒体相关
  • plugins.js 调用第三方服务
  • ...

新增状态(store存储)

  • store目录 为vuex状态处理
  • basic为项目基础项
  • modules文件夹为项目相关状态存放位置,根据业务逻辑划分文件

新增请求接口

  • common/interface 目录一般存放请求接口位置(根据应用模块划分文件)

新增公共方法

  • common/utils 目录一般存放公共方法类
  • static 文件夹 存放静态资源 js文件夹一般存放第三方或者其他js(static不经过编译)

新增样式/图片

  • common/styles 目录一般存放请求接口位置(根据应用模块划分文件)
  • static 文件夹 存放静态资源 css文件夹一般存放第三方或者其他js,images存放本地图片(static不经过编译)