适用人群

希望提高就业竞争力、学习组件库开发经验的同学

课程概述

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

【课程收益】
1. 市场热门技能：Vue3和TypeScript已成为企业招聘的热门技能。本课程将帮助你掌握这两项技能在组件库项目中的应用，提升你的面试竞争力。

2. 项目升级无忧：如果你计划将项目从Vue2升级至Vue3，本课程将助你轻松应对技术架构的升级，同时学习Git多人协作最佳实践，提升团队协作效率。

3. 组合式思维提效：深入探索Vue3的组合式API，培养你的组合式思维，提升应用性能和开发效率。

4. 前沿技术架构：本课程采用先进的monorepo架构，满足大型企业和创新项目的需求，提升项目的可维护性和扩展性。

5. 权威讲师亲授：由ant-design-vue组件库的核心开发者aibayanyu20亲自授课，分享丰富的实战经验，让你直接掌握最实用的Vue3 + TS开发技巧。

目录

章节1:课程介绍试看
课时1视频课程介绍06:40可试看
课时2视频前置知识04:05可试看
章节2:组件库开发入门：技术解析与基础架构搭建试看
课时3视频pnpm工具介绍04:08可试看
课时4视频monorepo开发模式介绍05:08可试看
课时5视频项目目录结构分析04:17可试看
课时6视频项目工程初始化04:35可试看
课时7视频git使用说明06:28可试看
课时8视频为什么要使用eslint05:57可试看
课时9视频配置eslint06:40可试看
课时10视频提交代码检查工具husky05:46可试看
课时11视频lint-staged配置04:31
课时12视频提交代码检查工具husky05:50
课时13视频配置lint-staged04:46
章节3:快速搭建组件库文档系统
课时14视频vitepress介绍02:01
课时15视频安装vitepress03:23
课时16视频vitepress配置06:02
课时17视频配置包映射关系06:10
课时18视频组件demo插件安装和使用04:23
课时19视频配置vite和tsconfig06:04
章节4:揭秘组件库 css 样式，带你实现 css 样式体系
课时20视频为什么要有一个完整的样式体系01:55
课时21视频大厂样式模型学习(antd)以及确定组件库主题色04:28
课时22视频开发色彩生成工具@ant-designcolors10:18
课时23视频产品级色彩生成04:58
课时24视频组件类名生成工具06:47
课时25视频使用classnames完善类名生成器07:56
课时26视频c函数扩展BEM用法08:55
章节5:从设计到实现带你构建 Button 组件
课时27视频初始化基础组件目录结构03:08
课时28视频初始化全局组件和样式05:03
课时29视频初始化组件库配置文件和预览04:59
课时30视频Button组件需求分析拆解03:06
课时31视频Button组件基本效果实现15:43
课时32视频Button组件功能完善09:21
课时33视频Button组件文档完善06:09
课时34视频Button组件总结01:59
章节6:全方位深度构建 Input 组件
课时35视频Input组件需求分析02:19
课时36视频Input组件基础目录结构初始化 + 开发形式介绍05:44
课时37视频Input组件实现v-model双向绑定10:07
课时38视频Input组件基础样式完善10:42
课时39视频Input组件插槽完善05:07
课时40视频Input组件配置组件方法和属性的继承07:17
课时41视频Input组件文档完善05:44
课时42视频Input组件总结02:57
章节7:巧借外部库构建 Tooltip 组件
课时43视频Tooltip组件需求分析02:07
课时44视频Tooltip组件基础目录结构初始化 + 开发形式介绍08:05
课时45视频Tooltip组件外部库引用@floating-ui/vue03:29
课时46视频Tooltip组件基础功能实现11:36
课时47视频Tooltip组件完善基础样式04:55
课时48视频Tooltip组件实现手动控制显隐状态08:50
课时49视频Tooltip组件总结03:24
章节8:从需求分析到 Table 组件的高级实现
课时50视频Table组件需求分析03:44
课时51视频Table组件基础目录结构初始化 + 开发形式介绍08:47
课时52视频Table组件表头部分实现09:28
课时53视频Table组件表格内容部分实现07:39
课时54视频Table组件实现类似el-table-column的功能13:00
课时55视频Table组件样式完善09:53
课时56视频Table组件总结02:35
章节9:虚拟滚动深入浅出，掌握高效数据渲染诀窍
课时57视频虚拟滚动列表需求分析01:47
课时58视频虚拟滚动列表目录结构初始化 + 开发形式介绍06:59
课时59视频虚拟滚动列表设计思路03:14
课时60视频虚拟滚动列表功能开发24:41
课时61视频虚拟滚动列表完善07:03
课时62视频虚拟滚动列表总结02:45
章节10:全面解析 Notification 组件，打造个性化通知
课时63视频Notification组件需求分析02:37
课时64视频Notification组件目录结构初始化 +开发形式介绍04:44
课时65视频Notification组件基础功能实现05:16
课时66视频Notification完善基本样式06:16
课时67视频Notification组件动画实现04:26
课时68视频Notification组件实现自动duration倒计时04:29
课时69视频Notification组件实现函数式功能12:21
课时70视频Notification组件功能完善04:41
课时71视频Notification组件总结02:08
章节11:创建自定义 Icon 组件的全面指南
课时72视频为什么要单独实现一个Icon组件库01:34
课时73视频初始化Icon组件库01:30
课时74视频配置开发时组件配置03:58
课时75视频如何获取我们的图标组件04:11
课时76视频Icon组件库第一阶段总结00:47
章节12:现代组件库单元测试实践指南
课时77视频为什么要进行单元测试02:34
课时78视频安装vitest04:57
课时79视频配置vitest + jsdom02:15
课时80视频最基础的单元测试02:59
课时81视频安装介绍@vue/test-utils02:41
课时82视频完善Button组件的单元测试05:20
课时83视频单元测试覆盖率coverage-v804:00
课时84视频单元测试总结01:16
章节13:全面掌握组件库打包 – 从ESM与CJS到按需优化
课时85视频为什么要对组件库进行打包02:15
课时86视频ESM和CJS包的区别04:37
课时87视频实战打包ESM和CJS09:08
课时88视频css样式打包12:56
课时89视频umd介绍和打包11:23
课时90视频按需加载实现05:48
课时91视频Icon组件库打包02:33
章节14:组件库发布与站点部署全攻略
课时92视频配置package.json完成组件库发布到npm12:40
课时93视频使用unbuild来utils库打包05:48
课时94视频测试npm库使用效果05:40
课时95视频CI/CD使用github actions部署文档站点07:25
课时96视频使用vercel部署文档站点06:08
章节15:团队协作秘诀之多人编程中的最佳实践
课时97视频多人协作介绍00:58
课时98视频多人开发如何保证代码质量03:03
课时99视频如何优雅的给项目提交一个有效的issue03:30
课时100视频如何给开源项目提交Pull Request05:12
课时101视频如何给别人提交的代码进行review
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。