taro-kit

> 前端框架

开源

✌️ taro 小程序脚手架。特性：封装 api、redux 优雅集成、生成海报类、异常日志上报。如果能帮到你，就给个 star

706 stars0 点赞0 次浏览

访问官网 GitHub

工具介绍

✌️ taro 小程序脚手架。特性：封装 api、redux 优雅集成、生成海报类、异常日志上报。如果能帮到你，就给个 star

可以 watch 这个项目，有更新，及时知道

项目会不断迭代，有需求欢迎 issue 如果能帮到你，那就给个 star 呗！

1 年前输出了一套 taro-kit 脚手架，有不少人加我微信，咨询一些问题，这段时间把这个脚手架升级后，总结并录制了课程，希望能帮助到大家，提高效率，节约时间。

CLI 工具安装首先，你需要使用 npm 或者 yarn 全局安装@tarojs/cli，或者直接使用 npx:

javascript

# 使用 npm 安装 CLI
$ npm install -g @tarojs/cli
# OR 使用 yarn 安装 CLI
$ yarn global add @tarojs/cli
# OR 安装了 cnpm，使用 cnpm 安装 CLI
$ cnpm install -g @tarojs/cli

项目更新：

2021年11月30日

更新@tarojs/taro到：3.3.15
添加海报生成插件：taro-weapp-poster

2021 年 02 月 03 日星期三

更新依赖到：3.0.26
更新.eslintrc
添加 babel 配置
添加 global.d.ts
添加 tsconfig
添加 yarn.lock 文件
更新 config 文件

taro update project v版本号

文章

功能列表

封装 api 请求方式
更方便的创建 action：增加 createApiAction
基础像素试着为 1 倍即：1px 会编译成 2rpx（小程序默认是 2 倍）符合习惯
基础 demo 案列
增加生成海报类

升级功能列表

01.taro 从 0 到 1 项目架构课程介绍
02.初始化项目流程介绍、目录设计
03.让 alias 别名解决路径引用的烦恼
04.请求 api 返回 redux 的状态流程
05.封装 request get 请求，给 url 添加时间戳防止浏览器缓存
06.封装 request post Content-Type 分类请求
07.把 taro-advance 脚手架推送到私有仓库
08.弱网请求失败时自动发起 api 重试
09.异常日志上报封装设计思路
10.异常日志上报封装，五种级别输出。
11.上报收集日志平台系统介绍
12.实战接入日志平台
13.深度序列化错误 error 控制台上报
14.登录流程讲解（前端和后端实现流程）
15.登录实现详细讲解（token 附加到请求 header 头）
16.用户授权后更新用户信息流程
17.设计 createApiAction 自动 dispatch 优化开发体验
18.改造 actionType 支持庞大业务
19.Action 三种 ActionType 的集合
20.简化 reducers 的 swich 繁琐操作
21.增加 request 的状态
22.课程总结
23.添加 Prettier 格式化配置

这个可以让你的 Taro 小程序跑的更优雅一些

升级后的项目仓库地址：观看视频的同学加微信，发送你的 gitlab 账号，添加权限，你就看源代码了。

https://gitlab.com/itxishu/taro-advance.git

观看地址：segmentfault

购买路径

在 https://shudong.wang 加我微信

https://segmentfault.com/ls/1650000018991514

适宜人群

taro 小程序开发者
需要 taro 基础架构开发人员

课程说明

本次课程主要针对于，正在使用 taro 小程序框架的同学，通过课程，你可以学到，框架的 request 请求优雅封装，异常自动重试，日志异常上报， redux 的三剑客优雅的配合使用， reducer 的 swich 简化繁琐操作，增加 state 的请求前，请求成功和失败的状态等。从开始架构足以支撑庞大业务小程序项目

课程有问题可以在 https://shudong.wang 我的博客扎到我，添加微信咨询