TDesign 微信小程序零售行业模板安装与使用指南

1. 项目目录结构及介绍

本开源项目基于Tencent/tdesign-miniprogram-starter-retail，专为零售行业打造的小程序模板。其结构清晰，便于快速上手。

├── tdesign-miniprogram-starter
│   ├── README.md          - 项目说明文件
│   ├── app.js             - 小程序的入口文件
│   ├── app.json           - 应用的全局配置
│   ├── app.wxss            - 全局样式文件
│   ├── components         - 公共组件库
│   │   ├── ...
│   ├── config             - 基础配置文件夹
│   ├── custom-tab-bar     - 自定义tabBar相关文件
│   ├── model              - 模拟数据存放处，用于开发测试
│   ├── pages               - 页面目录
│       ├── cart           - 购物车相关页面
│       ├── coupon         - 优惠券操作页面
│       ├── goods          - 商品详情等相关页面
│       ├── home           - 首页
│       ├── order          - 订单与售后页面
│       ├── promotion-detail - 营销活动详情
│       └── usercenter      - 用户中心及相关设置
│   ├── services           - API请求处理文件
│   ├── style              - 公共样式和图标字体
│   ├── utils              - 工具函数库
│   ├── ...                - 其余如.gitignore, package.json等标准文件

2. 项目的启动文件介绍

• app.js 是小程序的入口文件，包含了小程序初始化时需要执行的代码，比如全局的生命周期回调，以及任何全局的逻辑处理。

• 在这个文件中，你可以监听并处理小程序的全局事件，比如 onLaunch, onShow, 和 onHide 等。

3. 项目的配置文件介绍

• app.json 是小程序的全局配置，包括窗口背景色、底部Tab的表现，以及默认的页面路径等。

  {
    "pages": ["pages/home/index"], // 页面列表
    "window": { /* 窗口相关配置 */ },
    "tabBar": { /* 标签栏配置 */ },
    "navigateToMiniProgramAppIdList": [], // 所需跳转的小程序列表
    "permission": {/* 权限申请配置 */},
    ...
  }
  

• project.config.json 包含了项目的特有配置，例如开发者工具的相关设置，编译选项等。它是IDE中项目配置的基础。

通过上述框架，开发者可以快速理解和搭建基于TDesign的零售行业小程序。确保正确安装Node.js环境以及微信开发者工具，然后按照常规小程序开发流程，通过npm管理依赖并启动项目，即可开始您的零售行业小程序之旅。