MP-CU 开源项目快速入门教程

1. 项目目录结构及介绍

MP-CU 项目采用了清晰的分层架构来组织代码和资源，以下是其默认的目录结构及其简要说明：

├── config           # 配置相关文件夹
│   ├── ColorUI.js    # UI框架的核心配置文件
│   └── mp-sdk.js     # 扩展方法函数配置
├── mp-cu             # UI组件库核心文件夹
│   ├── colorUI       # ColorUI组件相关文件
│   ├── lib           # 核心库文件
│   ├── store         # 状态管理相关
│   └── main.js       # 主入口文件
├── mp-sdk            # 额外的扩展功能文件夹
│   ├── components    # 自定义或扩展组件
│   ├── icon          # 扩展图标资源
│   │   └── doc.scss  # 图标相关的样式文件
│   ├── lib           # 扩展的方法和函数库
│   │   └── ...       # 函数实现文件
│   ├── wxs           # 微信小程序自定义逻辑模块
│   │   └── tools.wxs  # 工具性WXS文件
│   └── index.js      # SDK初始化或导出模块
├── packageA          # 分包示例，如模板模块
├── packageB          # 另一分包，如实验室或特定功能集合
├── pages             # 页面文件夹，存放各业务页面
├── static            # 静态资源文件夹，用于放置图片等非动态加载资源
├── ...               # 其他标准微信小程序必要的文件和配置

2. 项目的启动文件介绍

• app.js: 这个文件是微信小程序的入口脚本，包含了小程序初始化时运行的JavaScript代码，例如全局的生命周期回调、API调用等。
• app.json: 小程序全局配置文件，定义了小程序的窗口背景色、底部tab等基本信息，以及所有页面路径的注册。
• project.config.json: 项目配置文件，包含项目的基本信息、编译选项、开发设置等，是项目构建和开发模式的基础配置。

3. 项目的配置文件介绍

主要配置文件

• config: 此文件夹包含了项目的特定配置，分为两部分——ColorUI.js 和 mp-sdk.js。

  • ColorUI.js: 专注于调整ColorUI框架的行为或样式，默认配置以适应项目需求。
  • mp-sdk.js: 用来定制项目中使用的额外方法和功能，提供了一种方式来扩展小程序的功能集。

• app.json: 尽管不是位于上述直接描述的配置文件夹中，但它是非常关键的配置文件。在这里可以配置小程序的多 tab、窗口表现、导航条样式等。

通过这些配置文件，开发者可以定制MP-CU的外观和行为，以满足不同项目的具体需求。记得在进行任何修改前详细阅读项目的官方文档，确保正确理解和应用配置项。