taro-starter
taro-starter copied to clipboard
🦸♂️ 开箱即用, 小程序模版, 基于 Taro3 + TypeScript + React, 支持分包模式、自定义tab。
taro-starter
- 这是一份基于 3.x 的 Taro 模版, 如果有需要可以点击
Use this Template进行使用。
如何使用
- 安装基础依赖
yarn
# or npm install
- 运行项目
npm run dev:weapp
- 使用
微信开发工具导入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
演示
使用小程序
部分截图
联系作者