# 微信小程序

**Repository Path**: myHoro/mini-typescript-init

## Basic Information

- **Project Name**: 微信小程序
- **Description**: 微信小程序。轻量，基础功能及配置齐全的原生微信小程序项目初始化模板。
- **Primary Language**: wechat
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 0
- **Created**: 2022-10-17
- **Last Updated**: 2025-09-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: TypeScript, 微信小程序, wechat, 微信, JavaScript

## README



# 微信小程序项目初始化模板

这是一个用于原生小程序的项目模板，提供了一系列常用组件、工具方法、接口封装、参数配置以帮助快速开发。<br>
配置基础的分包及分包预加载，常用文件夹别名。

## 特性

- 提供多种UI组件。
- 包含丰富的工具类方法。
- 提供接口请求模块，统一API管理，简化调用，根据微信小程序运行环境配置对应接口请求地址，基本杜绝正式版小程序接口地址配置错误问题。

## 目录结构

```
miniprogram/
├── components/                  # 组件目录
│   ├── customTabBar/            # 自定义tabbar组件
│   ├── dialog/                  # 对话框组件
│   ├── empty/                   # 空状态组件
│   ├── fixedBottomBox/          # 固定底部组件
│   ├── gridImg/                 # 网格图片组件
│   ├── header/                  # 头部组件
│   ├── myIcon/                  # 图标组件
│   ├── nav/                     # 导航组件
│   ├── overlay/                 # 覆盖层组件
│   ├── pickerBox/               # 选择器组件
│   ├── pickerCascader/          # 级联选择器组件
│   ├── pickerYMDHM/             # 年月日时分选择器组件
│   ├── poster/                  # 海报组件
│   ├── privacyDialog/           # 隐私协议对话框组件
│   ├── richBox/                 # 富文本组件
│   ├── scrollList/              # 滚动列表组件，下拉刷新底部加载列表
│   ├── sliderBox/               # 滑动组件
│   ├── tabbar/                  # 标签栏组件
│   ├── toggleContent/           # 内容切换组件
│   ├── uploadImg/               # 图片上传组件
│   └── waterfall/               # 瀑布流组件
├── config/                      # 配置文件目录
│   ├── index.ts                 # 基础配置文件
│   ├── scopePessiomTextMap.ts   # 授权提示文本映射
│   └── tabBarPage.ts           # tabbar页面地址配置
├── pages/                       # 页面目录
│   ├── demo/                    # 示例页面
│   └── main/                    # tabbar + 登录页面
├── request/                     # 请求相关
│   ├── api.ts                  # API接口定义
│   ├── createAjax.ts           # 创建Ajax请求
├── utils/                       # 工具函数目录
│   ├── dict.ts                 # 字典工具
│   ├── logs.ts                 # 微信We日志工具
│   ├── util.ts                 # 通用工具函数
│   └── validate.ts            # 数据验证工具
├── wxs/                         # WXS脚本目录
│   ├── func.wxs                # 功能脚本
│   ├── secret.wxs              # 加密脚本
│   └── status.wxs              # 状态管理脚本
└── typings/                     # TypeScript类型定义
    ├── index.d.ts              # 应用类型定义
    └── types/                # 其他类型定义文件
```

## 安装与使用

请确保你的开发环境已安装并配置好微信开发者工具。

1. 克隆仓库到本地

2. 在微信开发者工具中导入项目，选择克隆下来的目录

3. 项目中引入了typescript，导入完成后，执行安装npm install命令，安装相关依赖

# 有BUG和意见欢迎Issues呢~