技术文档
在本次项目中,使用了很多外部的库。
考虑到本次项目组的成员水平参差不齐,为了避免大家浪费时间,这里仅列举需要大家专门学习的,必须掌握的知识点。做到有的放矢。
提前预备合适的浏览器插件
当你阅读文档时,会不可避免的遇到英文文档。这里推荐你准备好这些浏览器插件。
1. git 多人协作实践教学视频
2. lodash
lodash 是基础性质库。是 javascript 层面上的工具库。
3. vue3
本次前端项目使用的渲染框架。
4. vueuse (已废弃)
组合式 api 的工具。本次项目重点使用的是 useAxios 。
5. @ruan-cat/utils
阮喵喵自己封装的工具包。重点学会使用接口请求工具。
6. monorepo
monorepo 是前端项目的一种组织方式,是一种架构。
7. pnpm
一种包管理器。
8. turbo
monorepo 下的 node 命令调度器。
提示
了解任务调度器的配置即可。本次项目不要求大家配置调度器。
9. element-plus
组件库。
10. Vue Router v5 文件路由
当前后台项目已经迁移到 Vue Router v5 内置的文件路由能力,不再直接安装 unplugin-vue-router。
- 迁移说明:https://router.vuejs.org/guide/migration/v4-to-v5.html
- 类型化路由:https://router.vuejs.org/guide/advanced/typed-routes.html
当前项目内需要掌握的关键约定:
- Vite 插件入口:
vue-router/vite - 自动导入工具入口:
vue-router/unplugin - 运行时自动路由模块:
vue-router/auto-routes - 生成的路由类型文件:
apps/admin/src/route-map.d.ts
11. pure-admin
本次项目用的模板。由阮喵喵决定套用并改造该模板:
树形菜单:
12. plus-pro-components
本次项目用的表单组件组件库。
表单组件是单独的,专门的组件库实现的。
13. nitro
本次项目使用的全栈接口库。
14. @tanstack/vue-query
本次项目使用的响应式接口请求库。