- 组件库文档 Eric-UI
- B 站视频链接 [手把手带你手搓组件库]
介绍
该项目基于 Vue3 + TypeScript + Vite 构建，主要目的是提供一个基于 Vue3 的组件库。分享组件库搭建过程与思路，提高开发设计能力。
- 我们知道前端行业“内卷严重”，而且“易学难精”。一个复杂的项目经验就成为了你找到“好工作”的“敲门砖”。
- 另外“大模型”飞速发展，一个只会 “CRUD” 的工程师被取代是看得到的趋势，所以“设计能力”在未来尤为重要。
项目亮点
- Vite + Vitest + Vitepress 全工具链
- monorepo 分包管理
- github actions 实现 CI/CD "自动化部署"
- “大模型”辅助设计与开发
- 发布一个“开箱即用”的 npm 包
技术实现
- Button、Collapse “开胃菜” - 依赖注入，同步上下文信息
- “反馈组件”“小高潮” - 指令式的范式来调用组件，我们日常开发业务封装的组件一般都是声明式调用
- 基于 Tooltip 衍生出的一系列“气泡弹出层”组件
- Form 表单组件 “集大成者” - 依赖注入、开源库封装实现表单校验、“气泡弹出层”实现 Select 选择组件。