https://github.com/hocgin/taro-starter

🦸‍♂️ 开箱即用, 小程序模版, 基于 Taro3 + TypeScript + React, 支持分包模式、自定义tab。
https://github.com/hocgin/taro-starter

dvajs miniapp react taro wechat-mini-program

Last synced: 12 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/hocgin/taro-starter
• Owner: hocgin
• Created: 2020-12-07T14:14:30.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2023-01-10T21:48:50.000Z (over 3 years ago)
• Last Synced: 2025-07-15T19:48:30.325Z (12 months ago)
• Topics: dvajs, miniapp, react, taro, wechat-mini-program
• Language: TypeScript
• Homepage: https://www.hocgin.top/
• Size: 712 KB
• Stars: 30
• Watchers: 2
• Forks: 12
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# taro-starter

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

- [Taro 官方文档](https://taro-docs.jd.com/taro/docs/README)

- [Taro Hooks](https://github.com/innocces/taro-hooks)

- [Vantui](https://github.com/antmjs/vantui)

### 如何使用

1. 安装基础依赖

```shell

yarn 

# or npm install

```

2. 运行项目

```shell

npm run dev:weapp

```

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

### 项目说明

基础架构

- Taro

- VantUI

- Less

目录结构

```shell

.

├── 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

```

### 演示

#### 使用小程序



#### 部分截图



### 联系作者