本课程引领你从零开始，全面掌握Vue3 + TS组件库开发的核心知识，包括基础架构、文档站点开发，以及UI组件库与多人协同开发的实战技能，为你在大厂岗位中脱颖而

*   01 章节1课程介绍/

  *   01 1. 课程介绍

  *   02 2. 前置知识

*   02 章节2组件库开发入门：技术解析与基础架构搭建/

  *   01 3. pnpm工具介绍

  *   02 4. monorepo开发模式介绍

  *   03 5. 项目目录结构分析

  *   04 6.项目工程初始化

  *   05 7. git使用说明

  *   06 8. 为什么要使用eslint

  *   07 9.配置eslint

  *   08 10. 提交代码检查工具husky

  *   09 11. lint-staged配置

  *   10 12. 提交代码检查工具husky

  *   11 13. 配置lint-staged

*   03 章节3快速搭建组件库文档系统/

  *   01 14. vitepress介绍

  *   02 15. 安装vitepress

  *   03 16. vitepress配置

  *   04 17. 配置包映射关系

  *   05 18. 组件demo插件安装和使用

  *   06 19. 配置vite和tsconfig

*   04 章节4揭秘组件库 css 样式，带你实现 css 样式体系/

  *   01 20. 为什么要有一个完整的样式体系

  *   02 21. 大厂样式模型学习(antd)以及确定组件库主题色

  *   03 22. 开发色彩生成工具@ant-designcolors

  *   04 23. 产品级色彩生成

  *   05 24. 组件类名生成工具

  *   06 25. 使用classnames完善类名生成器

  *   07 26. c函数扩展BEM用法

*   05 章节5从设计到实现带你构建 Button 组件/

  *   01 27. 初始化基础组件目录结构

  *   02 28. 初始化全局组件和样式

  *   03 29. 初始化组件库配置文件和预览

  *   04 30. Button组件需求分析拆解

  *   05 31. Button组件基本效果实现

  *   06 32. Button组件功能完善

  *   07 33. Button组件文档完善

  *   08 34. Button组件总结

*   06 章节6.全方位深度构建 Input 组件/

  *   01 35. Input组件需求分析

  *   02 36. Input组件基础目录结构初始化 + 开发形式介绍

  *   03 37. Input组件实现v-model双向绑定

  *   04 38. Input组件基础样式完善

  *   05 39. Input组件插槽完善

  *   06 40. Input组件配置组件方法和属性的继承

  *   07 41. Input组件文档完善

  *   08 42. Input组件总结

*   07 章节7.巧借外部库构建 Tooltip 组件/

  *   01 43. Tooltip组件需求分析

  *   02 44. Tooltip组件基础目录结构初始化 + 开发形式介绍

  *   03 45. Tooltip组件外部库引用@floating-uivue

  *   04 46. Tooltip组件基础功能实现

  *   05 47. Tooltip组件完善基础样式

  *   06 48. Tooltip组件实现手动控制显隐状态

  *   07 49. Tooltip组件总结

*   08 章节8.从需求分析到 Table 组件的高级实现/

  *   01 50. Table组件需求分析

  *   02 51. Table组件基础目录结构初始化 + 开发形式介绍

  *   03 52. Table组件表头部分实现

  *   04 53. Table组件表格内容部分实现

  *   05 54. Table组件实现类似el-table-column的功能

  *   06 55. Table组件样式完善

  *   07 56. Table组件总结

*   09 章节9.虚拟滚动深入浅出，掌握高效数据渲染诀窍/

  *   01 57. 虚拟滚动列表需求分析

  *   02 58. 虚拟滚动列表目录结构初始化 + 开发形式介绍

  *   03 59. 虚拟滚动列表设计思路

  *   04 60. 虚拟滚动列表功能开发

  *   05 61. 虚拟滚动列表完善

  *   06 62. 虚拟滚动列表总结

*   10 全面解析 Notification 组件，打造个性化通知/

  *   01 63. Notification组件需求分析

  *   02 64. Notification组件目录结构初始化 +开发形式介绍

  *   03 65. Notification组件基础功能实现

  *   04 Notification完善基本样式

  *   05 Notification组件动画实现

  *   06 Notification组件实现自动duration倒计时

  *   07 Notification组件实现函数式功能

  *   08 Notification组件功能完善

  *   09 Notification组件总结

*   11 创建自定义 Icon 组件的全面指南/

  *   01 为什么要单独实现一个Icon组件库

  *   02 初始化Icon组件库

  *   03 配置开发时组件配置

  *   04 如何获取我们的图标组件

  *   05 Icon组件库第一阶段总结

*   12 现代组件库单元测试实践指南/

  *   01 为什么要进行单元测试

  *   02 安装vitest

  *   03 配置vitest + jsdom

  *   04 最基础的单元测试

  *   05 安装介绍@vuetest-utils

  *   06 完善Button组件的单元测试

  *   07 单元测试覆盖率coverage-v8

  *   08 单元测试总结

*   13 全面掌握组件库打包 - 从ESM与CJS到按需优化/

  *   01 为什么要对组件库进行打包

  *   02 ESM和CJS包的区别

  *   03 实战打包ESM和CJS

  *   04 css样式打包

  *   05 umd介绍和打包

  *   06 按需加载实现

  *   07 Icon组件库打包

*   14 组件库发布与站点部署全攻略/

  *   01 配置package.json完成组件库发布到npm

  *   02 使用unbuild来utils库打包

  *   03 测试npm库使用效果

  *   04 CICD使用github actions部署文档站点

  *   05 使用vercel部署文档站点

*   15 团队协作秘诀之多人编程中的最佳实践/

  *   01 多人协作介绍

  *   02 多人开发如何保证代码质量

  *   03 如何优雅的给项目提交一个有效的issue

  *   04 如何给开源项目提交Pull Request

  *   05 如何给别人提交的代码进行review

*   课程资料/

  *   章节2-5.zip

  *   章节2-6.zip

  *   章节2-7.zip

  *   章节2-8.zip

  *   章节2-9.zip

  *   章节3-2.zip

  *   章节3-3.zip

  *   章节3-4.zip

  *   章节3-5.zip

  *   章节4-4.zip

  *   章节4-5.zip

  *   章节4-6.zip

  *   章节4-7.zip

  *   章节4-8.zip

  *   章节5-1.zip

  *   章节5-2.zip

  *   章节5-3.zip

  *   章节5-4.zip

  *   章节5-5.zip

  *   章节5-6.zip

  *   章节5-7.zip

  *   章节6-1.zip

  *   章节6-2.zip

  *   章节6-3.zip

  *   章节6-4.zip

  *   章节6-5.zip

  *   章节7-2.zip

  *   章节7-3.zip

  *   章节7-4.zip

  *   章节7-5.zip

  *   章节7-6.zip

  *   章节7-7.zip

  *   章节8-1.zip

  *   章节8-2.zip

  *   章节8-3.zip

  *   章节8-4.zip

  *   章节8-5.zip

  *   章节9-1.zip

  *   章节9-2.zip