我的uni-app学习之路(一)-项目框架结构搭建

207 阅读1分钟

项目框架结构搭建

我的uni-app项目开发环境

使用的是Mac操作系统和HbuilderX开发工具.Hbuilder下载地址当然也可以选择其他开发工具例如VSCode这些...具体结合个人喜好吧

项目工程结构

除了一些基础的配置,主要的商城模块放在了pages文件目录下面进行开发.包含了登录,首页,购物车,商品详情,商品支付,订单,物流信息,搜索,个人中心等 图片.png

/api/文件存放定义的接口信息例如

// 发送验证码 const sendVerityCodeUrl = '/api/msgs/verification/anon/send';

// 验证码登录 const loginMCUrl = '/api/oauth/member/anon/loginMC';

// 密码登录 const loginMPUrl = '/api/oauth/member/anon/loginMP';

//小程序授权登录 const loginWeChatUrl = '/api/oauth/member/anon/lgoinWechat';

/common/用来存放定义的公共文件,如通用的css样式和宏定义

/components/用来存放一些自定义的组件,比如项目中用到的自定义导航栏,搜索栏,购物车加减数量,地址选择器,选择框,弹框等

/config/存在app的一些配置,比如测试和生产环境配置,状态,路由的配置

图片.png