hocgin/taro-starter

🦸‍♂️ 开箱即用, 小程序模版, 基于 Taro3 + TypeScript + React, 支持分包模式、自定义tab。

taro-starter

• 这是一份基于 3.x 的 Taro 模版, 如果有需要可以点击Use this Template进行使用。

• Taro 官方文档
• Taro Hooks
• Vantui

如何使用

1. 安装基础依赖

yarn 
# or npm install

2. 运行项目

npm run dev:weapp

3. 使用微信开发工具导入dist目录

项目说明

基础架构

• Taro
• VantUI
• Less

目录结构

.
├── README.md
├── babel.config.js
├── config                 # 配置
│    ├── index.js          # 通用环境
│    ├── dev.js            # 开发环境
│    └── prod.js           # 生产环境
├── dist                   # 编译文件生存目录
├── docs                   # 文档
├── jsconfig.json          
├── mock                   # mock 数据
├── package.json           
├── project.config.json    # 项目配置
├── scripts                
├── src                    
│    ├── assets            # 图片
│    ├── components        # 组件
│    │     ├── common      # 通用
│    │     └── ..
│    ├── layouts           # ..
│    ├── models            # dva model
│    │     ├── apps.js     # .. 
│    │     ├── index.js    # Model 加载入口
│    ├── pages             # 页面
│    │     ├── common      # 通用
│    │     └── ..
│    ├── services          # 接口
│    ├── utils             # 通用工具函数
│    │     ├── request.js  # [Basic] 请求封装
│    │     ├── dva.js      # [Basic] Dva 封装
│    │     ├── events.js   # Taro 事件
│    │     ├── global.js   # 全局变量
│    │     ├── pages.js    # 页面跳转管理
│    │     ├── storage.js  # 本地存储
│    │     └── utils.js    # 通用
│    ├── app.config.js     # 应用配置
│    ├── app.js            # 应用入口
│    ├── app.less          # 全局样式
│    ├── config.js         # 项目配置变量
│    ├── index.html        # html 模版文件
│    ├── mixin.less        # 通用样式
│    ├── theme.global.scss # 自定义样式主题
│    └── theme.less        # 全局样式主题
└── webpack.config.ts

演示

使用小程序

部分截图

联系作者