Skip to content

Vue3+TypeScript+Vite的一个团队合作工具,灵感来源于Trello

Notifications You must be signed in to change notification settings

1390887763/ByteDance_Todo

 
 

Repository files navigation

启动项目

npm i
npm run dev

在线体验

在线体验链接

实现功能

  • 看板拖拽

  • 任务卡片管理

  • 邀请人和被邀请人

  • websocket实时变化

  • 更改颜色背景

  • !!仅供学习使用

开发规范

  • Vuex 中要存储一些全局状态,页面级得状态不要存进去,尽量用上页面中得 ref 和 reactive

  • Vuex 中所有的状态改变必须调用 commit,不要直接赋值改变。

  • 想要把 Vuex 中的状态取出来响应式,必须使用 computed 属性。

  • 所有函数接口封装在 api.ts 中,所有类型封装在 globalInterface.ts 中。必须强类型定义。

  • 所有页面加载时,必须加过渡动画或者骨架屏。使用 useRequest 这个 hooks 去捕捉 loading 状态。

  • 能解决的类型不要写 any!!!

  • 父子组件用传值方法和函数回调,不要放到Vuex里一把梭

  • src下的引入都用@

About

Vue3+TypeScript+Vite的一个团队合作工具,灵感来源于Trello

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 86.7%
  • TypeScript 12.4%
  • Other 0.9%