框架周边对比
| 工具名 | react | vue |
|---|---|---|
| 框架 | react | vue |
| 自动化路由 | vite-plugin-pages | unplugin-vue-router |
| 状态库 | zustand | pinia |
| hook工具 | ahooks | vueuse |
| 中台组件库 | antd，antd-pro-components | element-plus |
| 移动端组件库 | antd-mobile,NutUI-React | vant,NutUI-Vue |
| 图表库 | bizcharts | vue-echarts |
| 编辑器 | react-quill | @vueup/vue-quill |
| markdown支持 | react-markdown | md-editor-v3 |
业务工具
- 腾讯tim：tim
- client端oss文件上传：ali-oss
- event-bus：mitt
- sse处理类库：@microsoft/fetch-event-source
- antd,element-plus内置时间库：dayjs
- 精度运算：bignumber.js
- 加密库：jsencrypt
- html2canvas
- Galacean Effects
- 渲染 Adobe After Effects 动画库：lottie-web
- 图形校验：网易易盾
- 浏览器指纹：@fingerprintjs/fingerprintjs
- google人机校验：cloudflare turnstile
- 腾讯云前端监控SDK：aegis-web-sdk
- Sentry前端监控：Sentry Web 前端监控 - 最佳实践(官方教程)
构建打包
- 打包上传文件到oss：vite-plugin-ali-oss
- 图片压缩（压缩效果类似tinypng）：sharp-cli，sharp
抓包工具
- Charles
- Whistle
其他工具
- css-to-tailwind
- typescript-playground
- 多媒体处理工具：FFmpeg
- scrollbar-editor
- 在线 css animation
工程化配置
- tsconfig.json，可以通过
bash tsc -h或者tsc --help查看所有配置项 - eslint9.x配置
- typescript-eslint
