介绍
WARNING
项目的整体方向是高度封装,暂时还没有低代码或者代码生成相关内容。
涵盖内容
INFO
暂时都是想到什么写什么,写文档也是门学问(
文档是在豆包的辅助下生成的,我也有简单审核,所以有些地方ai味会很重,不过描述的很清晰就可以了。
基础技术栈:typescript + vue3 + vite6 + unocss + naive-ui + pinia + vue-router4 + vueuse + axios + iconify
基础功能:RBAC、暗色模式、国际化、多维度登录、第三方oauth
现代化的常见工具:lodash-es、nanoid、lru-cache、ua-parser-js等
简化的项目配置,无需 eslint + pritter + husky 配置很多的苦逼经历,simple-git-hook + antfu大佬的eslint规则,简化配置过程,查看这里
基于naive-ui的全局扩展,查看这里
需要接口支持的i18n,查看这里
多样的vite插件支持,查看这里
开箱即用的基础组件和高阶组件,查看这里
丰富的axios扩展功能,查看这里
方便的icon配置,查看这里
灵活的router配置,查看这里
多样的第三方插件植入,查看这里
符合要求的安全加密,查看这里
功能强大的hooks封装,查看这里
有趣的功能
纯前端
- ❤️ web-vitals 接入,可随时在 google analytics 后台看到统计情况,维度很丰富,查看这里
- 🙌 driverjs 轻量化的引导,查看这里
- 😒 html-to-image 页面快照?实则不然,就是个截图,查看这里
- 🤩 libphonenumber-js 实现的国际化手机号表单项,查看这里
- 😊 untyper 打字机?star虽少,功能够用,查看这里
- 😇 21st 太酷了!这才是真正的前端,查看这里
- 👍 sentry 接入,对于非大型项目来说绝对够用了,查看这里
- 😘 animate.css + vue的 transition 封装的组件,查看这里
可配合接口
- 😂 fingerprint 指纹追踪,大部分情况是对于C端的功能,我也做到了项目里,同时配合后台也做了一些业务相关处理,查看这里