whf293 / tmt-web

TMT-web

介绍

TMT（Team Manage Tools）即团队管理工具，主要包含 3 大板块的功能 —— 项目管理、文档管理、人员管理

系统展示

首页

任务列表

新建任务

软件架构

react18 + ts + mobx6 + react-router-dom6 + antd4

安装教程

1. 拉取项目 git clone xxxxxxxxxxxxxxxxxxx
2. 安装依赖 pnpm i
3. 本地运行 pnpm dev
4. 项目打包 pnpm build
5. 格式化 pnpm lint

相关文档

包名	作用
基础包
react
react-router-dom
mobx	全局状态管理
工具包
ahooks	阿里 react 工具库
lodash
axios
dayjs
UI 包
antd	ant design 5
iconPark	字节免费可商用的图标库
windicss	可按需打包的原子化 css 库
scss
工具包 2
xgplayer	西瓜视频播放器
md-editor-rt	React markdown 编辑器
wangEditor	富文本编辑器
react-dnd	react 拖拽库
logicFlow	滴滴开源的流程图库
echarts	百度图表库
react-transition-group	react 官方的过度动画库
react-color	react 取色板
工具包 3
antv G2Plot	类似 echarts，基于 Antv G2
antv XFlow	类似 logicFlow，基于 Antv X6

git 规范

1. 分支命名规范

   • 功能分支：

     feature/姓名拼音/当前日期/需求编号
     eg: feature/whf/20221110/t122

   • bug 修复分支：

     hotfix/姓名拼音/当前日期/需求编号
     eg: hotfix/whf/20221110/t122

2. commit 规范

package.json 中配置了这样一条脚本 "git": "git add . & git-cz" 所以使用 pnpm git 就可以替代 git add . 和 git commit -m 'xxxxxxx'