当前位置：
  1. 首页
  2. 程序猿梦工厂
  3. 项目实战
  4. 前端开发
  5. 正文

Vue3.3 + TS4 ，自主打造媲美 ElementPlus 的组件库

高难度+最新技术栈，Vite + Vue3.3 + Vitest + Vitepress 打造大厂敲门砖项目

第1章 课程介绍
3 节｜11分钟

收起 

  • 视频：
    1-1 课程导学
    试看
    06:26

  • 视频：
    1-2 代码库使用注意事项
    试看
    04:24

  • 图文：
    1-3 项目演示地址：http://element.vikingship.xyz/
第2章 Typescript 基础知识
16 节｜135分钟

收起 

  • 视频：
    2-1 什么是 Typescript 为什么要学习它
    09:52

  • 视频：
    2-2 安装 Typescript
    06:06

  • 视频：
    2-3 原始数据类型和 Any 类型
    06:07

  • 视频：
    2-4 数组和元组
    06:55

  • 视频：
    2-5 Interface- 接口 初探
    05:40

  • 视频：
    2-6 函数
    07:37

  • 视频：
    2-7 类型推论 联合类型和 类型断言
    07:48

  • 视频：
    2-8 枚举（Enum）
    07:41

  • 视频：
    2-9 泛型（Generics） 第一部分
    07:46

  • 视频：
    2-10 泛型（Generics） 第二部分 – 约束泛型
    07:06

  • 视频：
    2-11 泛型第三部分 – 泛型在类和接口中的使用
    11:16

  • 视频：
    2-12 类型别名，字面量 和 交叉类型
    07:11

  • 视频：
    2-13 声明文件 第一部分
    13:34

  • 视频：
    2-14 声明文件 第二部分
    10:43

  • 视频：
    2-15 内置类型
    08:36

  • 视频：
    2-16 配置文件
    10:43
第3章 Vue3.0 结合 Typescript 基础知识全面补强
19 节｜204分钟

收起 

  • 视频：
    3-1 Vue3 学习导学
    02:48

  • 视频：
    3-2 使用 vite 创建项目
    07:43

  • 视频：
    3-3 文件结构以及推荐插件
    13:04

  • 视频：
    3-4 ESLint 简介和初步使用
    11:12

  • 视频：
    3-5 ESLint 配合 Vite 设置更多规则
    12:45

  • 视频：
    3-6 响应式基础 – Ref 和 Reactive
    13:08

  • 视频：
    3-7 computed 计算属性
    08:30

  • 视频：
    3-8 watch 监听器
    13:41

  • 视频：
    3-9 生命周期和模版引用
    11:40

  • 视频：
    3-10 组件基础-属性
    15:02

  • 视频：
    3-11 组件自定义事件
    08:57

  • 视频：
    3-12 组合式函数
    10:52

  • 视频：
    3-13 创建 useURLLoader
    14:41

  • 视频：
    3-14 useURLLoader 第二部分
    08:52

  • 视频：
    3-15 setup语法第一部分
    05:40

  • 视频：
    3-16 setup 语法第二部分
    10:15

  • 视频：
    3-17 依赖注入第一部分
    11:17

  • 视频：
    3-18 依赖注入第二部分
    11:18

  • 视频：
    3-19 Vue3.3更新简介
    11:38
第4章 万事开头难 – Button 组件
12 节｜126分钟

展开 

第5章 更近一步 Collapse 组件
8 节｜78分钟

展开 

第6章 它山之石 – Icon 组件
5 节｜53分钟

展开 

第7章 组件测试
13 节｜133分钟

展开 

第8章 通用组件 -Tooltip 组件
11 节｜113分钟

展开 

第9章 现学现卖 – Dropdown 组件
6 节｜66分钟

展开 

第10章 高难度 – Message 组件（有难度）
13 节｜141分钟

展开 

第11章 更好的展示方式 – 使用工具生成文档
9 节｜78分钟

展开 

第12章 进入表单的世界 – Input 组件
10 节｜108分钟

展开 

第13章 狸猫换太子 – Switch 组件
6 节｜53分钟

展开 

第14章 魔高一丈- Select 组件（有难度）
14 节｜151分钟

展开 

第15章 大一统- Form 组件（有难度）
14 节｜156分钟

收起 

  • 视频：
    15-1 Form 需求分析
    10:32

  • 视频：
    15-2 Form 编码第一部分 – 基础结构
    08:17

  • 视频：
    15-3 Form 编码第二部分 – 添加数据和规则
    12:01

  • 视频：
    15-4 Form 组件第三部分 – 获取数据和规则
    11:47

  • 视频：
    15-5 Form编码第四部分 – 学习使用 async-validator
    11:34

  • 视频：
    15-6 Form 编码第五部分 – FormItem 完成验证
    12:12

  • 视频：
    15-7 Form编码第六部分 – 自动触发验证
    10:25

  • 视频：
    15-8 Form 编码第七部分 – 添加 trigger 条件
    08:09

  • 视频：
    15-9 Form 组件第八部分 – 父子组件通信
    10:12

  • 视频：
    15-10 Form 编码第九部分 – 完成表单整个验证功能
    14:51

  • 视频：
    15-11 Form编码第十部分 – 添加重置状态功能
    12:37

  • 视频：
    15-12 Form编码第十一部分 – 添加样式
    12:05

  • 视频：
    15-13 Form 编码第十二部分 – 最终整合
    10:33

  • 视频：
    15-14 Form 总结
    10:30
第16章 组件库打包以及发布
18 节｜154分钟

收起 

  • 视频：
    16-1 导学
    05:20

  • 视频：
    16-2 Javascript 模块化历史
    09:37

  • 视频：
    16-3 Bundler打包工具 简介
    08:28

  • 视频：
    16-4 Vite 的工作原理
    11:11

  • 视频：
    16-5 明确打包什么类型的模块
    07:59

  • 视频：
    16-6 了解 Vue3 的插件系统
    10:08

  • 视频：
    16-7 创建组件的入口文件
    08:32

  • 视频：
    16-8 简介 Rollup 的配置文件以及插件系统
    08:29

  • 视频：
    16-9 打包组件库第一部分 – 小试牛刀
    07:28

  • 视频：
    16-10 打包组件库第二部分 – 配置 rollup
    08:05

  • 视频：
    16-11 组件库打包第三部分 – 生成类型定义文件
    08:39

  • 视频：
    16-12 组件库打包第四部分- 生成样式文件
    07:18

  • 视频：
    16-13 组件库打包第五部分 – 拆分构建脚本
    09:16

  • 视频：
    16-14 npm link 测试打包内容
    09:10

  • 视频：
    16-15 最终修正打包信息
    09:20

  • 视频：
    16-16 npm简介
    09:37

  • 视频：
    16-17 发布到 npm
    08:11

  • 视频：
    16-18 打包发布总结
    06:33
只有15章

相关文章

发表回复

后才能评论