新增文件/目录
- 所有开发目录均在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不经过编译)