• Stars
    star
    698
  • Rank 64,841 (Top 2 %)
  • Language
    TypeScript
  • Created about 6 years ago
  • Updated almost 3 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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

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

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

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

# 使用 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日

2021 年 02 月 03 日 星期三

  • 更新依赖到:3.0.26
  • 更新.eslintrc
  • 添加 babel 配置
  • 添加 global.d.ts
  • 添加 tsconfig
  • 添加 yarn.lock 文件
  • 更新 config 文件
taro update project v版本号

20210122111946

文章

功能列表

  • 封装 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 我的博客扎到我,添加微信咨询

2019-04-28-22-09-17

有问题加微信问吧

https://www.shudong.wang/about

More Repositories

1

vnshop

基于vue express开发的全战商城 ,前后分离
CSS
82
star
2

gptapi

TypeScript
51
star
3

recording

实现html5 录音
JavaScript
50
star
4

docker-nuxt

docker build nuxt
Vue
37
star
5

zhenfan

「教学」商城项目:技术栈vuejs, mongodb, express ;内容:购物车,列表,商品展示
CSS
34
star
6

vscode-markdown-img-qiniu

One can simply use the shortcut key to upload the picture of the paste board to the seven-cow picture bed plug-in, allowing you to write markdown with vscode to have a better experience.
JavaScript
17
star
7

vue-markdown-highlight

vue markdown 高亮插件
JavaScript
16
star
8

angela

🙂angela (安其拉):react ssr router redux; react同构框架
JavaScript
15
star
9

feup

FEUP (frontend up) 前端技术日刊,汇聚前端技术、规范、效率、架构
Dockerfile
13
star
10

react-ssr-kit

react-ssr-kit react redux ssr 服务端同构脚手架
JavaScript
12
star
11

vuejs-best-practice

vuejs最佳实践,基于 vue cli3的脚手架,集成了vuex,request,自定义eslint等功能优化。如果能帮助你,那就给个star呗!
JavaScript
11
star
12

vue-ssr-kit

😄🌹 vue ssr 完美解决方案,特性: 「vuex 」 「router 」 「 proxy 」 「 vuex 」 「 axios 」 「 ssr 」「 stylus 」「 bootstarp」 blog; 😊😊😊 都来到这里了,点个star呗!👆👆👆💪
CSS
10
star
13

local-https-cert

解决本地开发 https 证书,Chrome不支持问题
Shell
8
star
14

mysqlbackup

mysql 备份到七牛
Shell
8
star
15

redux-complete-guide-01

redux教程,redux入门,redux基础, redux完全指南系列1:从入门到会用 ,视频教程
JavaScript
8
star
16

fe-course

前端教学时备课资料
JavaScript
7
star
17

nestjs-kit

nestjs 脚手架 实现: * [x] jwt 权限 * [x] 用户注册,登录 * [x] mysql * [x] 环境配置 * [ ] rbac 角色权限管理 * [ ] docker 如何帮助到你给个star 🤟
TypeScript
7
star
18

blog-back

树东博客
HTML
6
star
19

ake

ake mac :Swiss army knife
Shell
6
star
20

wechat_base

微信服务号开发基础
PHP
5
star
21

xcx-websocket

包含pc 小程序 后端 实时操作轮播图案例 websocket
JavaScript
5
star
22

docker-guide

docker 指南
HTML
4
star
23

docker-vue

docker-vue
JavaScript
4
star
24

medium-unlock

medium-unlock
JavaScript
4
star
25

linux-complete-guide

Linux教程完全指南
Shell
4
star
26

dingtalk-msg

dingtalk-alarm
JavaScript
3
star
27

xiaochengxu-faq

小程序常见问题
3
star
28

someet_demo

JavaScript
3
star
29

shop-static

shop-static
HTML
3
star
30

vuex-advance

vuex-advance
JavaScript
3
star
31

reactjs-top

reactjs内参:基础,进阶,源码分析,项目
3
star
32

yii-restful-api-kit

yii rest api jwt wechat rbac, 特性:yii rest api jwt token rbac权限验证,支持微信模块,支持env 配置方式
CSS
3
star
33

xiaochengxu-tool

🤒👨‍💻‍👨‍🔧‍面向测试,和后端用,接口测试用的小程序工具。集成:获取登录需要的code,获取用户信息,获取from id,唤起客服,等功能。如果帮助了你点个star💪
JavaScript
3
star
34

check-merged

检查当前分支是否merged 远程的master分支,git check merged
JavaScript
3
star
35

posthub

posthub
TypeScript
2
star
36

vuejs.net

vuejs.net
CSS
2
star
37

ctag

You can select versions and update messages to automatically get the latest tag
JavaScript
2
star
38

vcm-cli

git commit 提交信息验证
JavaScript
2
star
39

nextjs-guide

nextjs 完全指南,文档,视频教程
JavaScript
2
star
40

Dockerfiles

常用 Dockerfile 文件
Dockerfile
2
star
41

course-nextjs

nextjs 教学课程笔记,资料
2
star
42

rd-note

vscode markdown 笔记插件
2
star
43

blog

记录:技术,旅行,生活
2
star
44

markdown-img-qiniu

你只需要往atom编辑器复制图片会自动上传到七牛
JavaScript
2
star
45

vue-shop

CSS
2
star
46

jfrog-shop

jfrog-shop
CSS
2
star
47

rdtool

rdtool
Shell
2
star
48

xiaochengxu-kit

小程序原生脚手架
1
star
49

webpackDemo

JavaScript
1
star
50

taro-news

基于taro 开发的新闻模块
JavaScript
1
star
51

initenv

new linux system pre-installed software
Shell
1
star
52

base-react

JavaScript
1
star
53

signinfo

公众号 分享api
PHP
1
star
54

awesome-ChatGPT

1
star
55

git-complete-guide

git 完全指南
1
star
56

english-hub

english-hub
1
star
57

metronic

metronic
HTML
1
star
58

docker-v8js

1
star
59

sui

HTML
1
star
60

hbypsy

HTML
1
star
61

docker-yii2-api-scaffold

PHP
1
star
62

itguide_laravel

JavaScript
1
star
63

webpackdoc

JavaScript
1
star
64

qa

大家在学习中有任何问题可以在这里提问
1
star
65

lanmeidao-ms

1
star
66

hutjs

hutjs
JavaScript
1
star
67

rdmix-next-css

开发常用的数据,持续更新
1
star
68

yelee

hexo thems
CSS
1
star
69

lazyload

HTML
1
star
70

someet_image

1
star
71

git-auto-tag

git 自动创建tag 脚本
Shell
1
star
72

gtd

JavaScript
1
star
73

hackernews-nextjs

react-markdown
JavaScript
1
star
74

typescript

typescript教程,案例
1
star
75

shudong

JavaScript
1
star
76

fe-dev-env

构建最优的前端开发环境
1
star
77

auto

auto-commit
1
star
78

webpack-base

webpack 学习使用启动的基础模板
JavaScript
1
star
79

wsdo

blog:https://shudong.wang
1
star
80

nestjs-guide

nestjs学习完全指南
1
star
81

wsdo.github.io

wsdo.github.io
HTML
1
star
82

markdown-up-img

JavaScript
1
star
83

yii2-app

PHP
1
star
84

canary-ui

小程序 ui
1
star
85

awesome-react-cn

Learn Java from here
1
star
86

docker-lamp

1
star
87

angularkit

angular kit 脚手架
1
star
88

frontend-maintainable

编写可维护的前端代码
1
star
89

vuejs-guide

vuejs 基础教程
HTML
1
star
90

daji

react doc
TypeScript
1
star
91

chatgpt-prompts-advance-guide

chatpgt-prompts-advance-guide
1
star
92

vuex-grace-action

vuex-grace-action
JavaScript
1
star
93

jfrog-server

jfrog-server
JavaScript
1
star
94

javascript-algorithms

前端算法指南
1
star
95

docker-php-apache-v8js

Shell
1
star
96

taro-advanced

基于taro 开发小程序,涵盖大部分业务功能,让你开箱即用。登录,更新用户,弱网重试,异常上报,海报分享。
1
star
97

yii2-docker

1
star
98

frontend-coding-conventions

frontend-coding-conventions
1
star
99

redux

redux 源码分析
HTML
1
star
100

laravel-8x-kit

laravel 8x kit
PHP
1
star