当下的前端开发,离不开脚手架。初级前端需会用脚手架,中高级前端应能够开发脚手架——掌握脚手架,就是贯穿初中高级前端生涯的核心竞争力之一。本课程集中讲解脚手架的设计思路和开发实践,并带你实现5个不同的脚手架项目,助力前端全流程提效,塑造个人竞争优势。

第1章 如何突破前端技术瓶颈?如何快速学会脚手架开发?
1-1 你真的懂脚手架么? (05:25)
1-2 如何快速学会脚手架开发 (12:22)
1-3 什么是Shell和Bash? (08:48)
1-4 深入理解CLI和GUI (07:13)
1-5 从使用角度理解什么是脚手架? (14:40)
1-6 脚手架原理讲解(上) (14:59)
1-7 脚手架原理讲解(下) (08:13)
第2章 【初阶】如何开发脚手架?如何通过框架快速搭建脚手架?
2-1 脚手架开发的预备知识 (07:36)
2-2 脚手架开发流程和难点解析 (08:43)
2-3 快速入门第一个脚手架 (06:14)
2-4 脚手架本地调试方法 (11:11)
2-5 脚手架本地调试标准流程总结 (06:54)
2-6 脚手架命令注册和参数解析 (09:45)
2-7 脚手架项目发布 (03:51)
2-8 脚手架框架yargs快速入门 (21:15)
2-9 yargs高级用法讲解 (13:05)
2-10 快速实现一个commander脚手架 (04:12)
2-11 commander脚手架全局配置 (05:39)
2-12 commander脚手架命令注册的两种方法 (09:44)
2-13 commander注册命令的两种高级用法 (09:16)
第3章 【进阶】脚手架开发进阶之命令行UI显示
3-1 本章概览&重难点梳理 (04:57)
3-2 脚手架渲染标准——ANSI escape code讲解 (05:58)
3-3 chalk实现文本样式定制 (11:13)
3-4 chalk脚手架化chalk-cli讲解 (04:33)
3-5 chalk源码分析——初始化逻辑详解 (15:27)
3-6 chalk源码分析——渲染逻辑讲解 (05:19)
3-7 chalk源码分析——换行字符串渲染逻辑分析 (10:26)
3-8 chalk源码分析——特殊字符串渲染逻辑分析 (07:44)
3-9 chalk源码分析——链接调用原理分析 (09:22)
3-10 chalk源码分析——精化知识点汇总和复习 (05:48)
3-11 ora基本用法讲解 (09:14)
3-12 ora高级用法oraPromise讲解 (04:08)
3-13 ora源码分析——利用bl+readline实现输入流缓冲 (10:31)
3-14 ora源码分析——核心方法render详解 (16:20)
3-15 ora源码分析——stop和succed源码分析 (04:37)
3-16 ora源码分析——手动实现ora核心逻辑 (11:11)
3-17 ora源码分析——精化知识点汇总和复习 (03:06)
3-18 源码阅读心得分享 (10:17)
第4章 【高阶】脚手架进阶技巧之命令行交互
4-1 本章概览&重难点梳理 (05:44)
4-2 inquirer基本用法和常用属性入门 (10:49)
4-3 inquirer其他交互形式演示 (06:29)
4-4 inquirer源码分析的预备知识分析 (04:10)
4-5 readline的使用方法和实现原理 (09:53)
4-6 高阶:深入讲解readline键盘输入监听实现原理 (23:39)
4-7 高阶:手写readline核心实现 (08:42)
4-8 响应式库rxjs快速入门 (04:50)
4-9 放大招:手写命令行交互式列表组件(上) (15:57)
4-10 放大招:手写命令行交互式列表组件(下) (13:41)
4-11 inquirer源码执行流程分析 (08:14)
第5章 【高阶】脚手架开发必会之多package项目管理
5-1 本章概览&重难点梳理 (02:59)
5-2 基于脚手架架构讲解lerna和workspaces的基本概念 (04:21)
5-3 npm workspaces基础特性实践 (15:06)
5-4 npm workspaces项目发布实践 (06:19)
5-5 lerna基本用法讲解 (12:27)
5-6 lerna依赖引用+自动化测试+项目发布(上) (11:36)
5-7 lerna依赖引用+自动化测试+项目发布(下) (08:17)
5-8 lerna源码分析——import-local逻辑分析 (09:36)
5-9 lerna源码分析——脚手架命令注册流程 (06:53)
5-10 lerna源码分析——脚手架核心执行流程 (06:24)
5-11 npm workspaces和lerna特性总结 (02:29)
第6章 【进阶】脚手架通用框架封装
6-1 本章概览&重难点梳理 (02:18)
6-2 脚手架入口文件开发 (09:30)
6-3 脚手架注册+命令注册 (05:35)
6-4 脚手架Command类+init命令封装 (12:14)
6-5 log日志功能封装 (10:34)
6-6 node最低版本检查功能开发 (07:00)
6-7 【重点】CommonJS和ESM混合开发最佳实践(上) (09:26)
6-8 【重点】CommonJS和ESM混合开发最佳实践(下) (11:34)
6-9 脚手架移植esm模块 (11:19)
6-10 脚手架功能增强和异常监听 (09:16)
6-11 脚手架自动化测试——jest测试环境集成 (06:45)
6-12 脚手架自动化测试——jest支持esm (05:06)
6-13 脚手架自动化测试——jest自动化测试用例开发 (07:26)
6-14 本章重点知识总结和复盘 (03:01)
第7章 【脚手架1】项目创建脚手架——实现项目创建自动化
7-1 本章概览&重难点梳理 (05:30)
7-2 vue+react项目模板开发 (13:02)
7-3 获取项目创建类型 (14:38)
7-4 获取项目名称和创建模板 (06:46)
7-5 npm API接入和封装 (10:20)
7-6 下载项目模板流程开发(上) (15:38)
7-7 下载项目模板逻辑开发(下) (06:51)
7-8 拷贝项目模板逻辑开发 (13:04)
7-9 非交互式项目创建逻辑开发 (09:44)
7-10 项目创建脚手架技术沉淀 (04:21)
第8章 【脚手架1】项目创建脚手架——实现项目模板配置化
8-1 本章概览&重难点梳理 (04:14)
8-2 基于vue-element-admin项目模板制作 (07:28)
8-3 服务端egg项目初始化 (04:51)
8-4 egg编写后端API+脚手架请求后端API获取模板 (15:52)
8-5 RestfulAPI规范详解+egg实现RestfulAPI (15:38)
8-6 MongoDB环境准备+数据准备 (06:36)
8-7 使用egg-mongoose连接MongoDB数据库 (06:32)
8-8 应用mongoose框架实现MongoDB查询 (08:53)
8-9 团队模板选择能力开发 (07:01)
8-10 模板配置化开发过程技术沉淀总结 (06:48)
第9章 【脚手架1】项目创建脚手架——实现项目渲染动态化
9-1 本章概览&重难点梳理 (03:37)
9-2 ejs模板引擎的三种基本用法 (12:32)
9-3 ejs模板不同标签用法详解 (10:06)
9-4 ejs模板几种特殊用法 (08:49)
9-5 glob用法小结 (05:33)
9-6 项目动态模板改造+渲染流程开发(上) (07:18)
9-7 项目动态模板改造+渲染流程开发(下) (10:12)
9-8 动态模板实现逻辑优化 (05:57)
9-9 动态模板插件机制设计和实现(上) (11:51)
9-10 动态模板插件机制设计和实现(下) (14:04)
9-11 ejs源码分析——ejs.compile执行流程分析 (07:20)
9-12 ejs源码分析——深入讲解ejs编译原理 (18:18)
9-13 ejs源码分析——动态生成Function+with用法讲解 (06:46)
9-14 ejs源码分析——ejs compile函数执行流程分析 (08:05)
9-15 ejs源码分析——ejs.render和renderFile原理讲解 (05:48)
第10章 【脚手架2】前端源码下载器——github+gitee API接入
10-1 本章概览&重难点梳理 (03:41)
10-2 github API接入流程+token生成方法 (06:28)
10-3 github搜索+仓库API命令行调试方法 (13:00)
10-4 github源码+issue搜索 API接入 (08:42)
10-5 gitee API接入流程 (05:52)
10-6 前端下载器开发流程设计 (03:16)
10-7 前端下载器脚手架命令注册 (06:52)
10-8 github+gitee API请求基类封装 (12:40)
10-9 Git平台选择+token缓存功能开发 (13:46)
10-10 Github Search API接入 (07:55)
10-11 Gitee Search API接入 (05:00)
第11章 【脚手架2】前端源码下载器——下载功能实现
11-1 Github搜索交互开发 (10:04)
11-2 实现搜索列表和翻页功能 (15:22)
11-3 Github 源码搜索功能开发 (08:07)
11-4 Gitee 搜索功能接入和翻页功能实现 (11:52)
11-5 Github 选择仓库tags+翻页功能开发 (21:23)
11-6 Gitee 选择仓库tags+翻页功能开发 (06:29)
11-7 Gitee 下载指定分支源码功能开发 (10:53)
11-8 Github 下载指定分支源码功能开发 (04:41)
11-9 自动安装依赖功能开发 (14:40)
11-10 自动启动项目功能开发 (09:58)
11-11 项目bin文件自动安装 (08:20)
第12章 【脚手架3】代码规范自动化检查+自动化测试
12-1 本章概览&重难点梳理 (03:18)
12-2 lint脚手架创建 (06:08)
12-3 eslint快速入门 (05:34)
12-4 eslint API调用方法 (04:47)
12-5 eslint API 接入vue项目 (15:26)
12-6 eslint 接入vue项目优化 (06:39)
12-7 jest API调用方法 (05:12)
12-8 mocha API调用方法 (04:36)
12-9 自动化测试流程优化 (09:25)
第13章 【脚手架3】深入自动化测试框架mocha
13-1 Mocha进阶——单元测试基本概念介绍 (05:53)
13-2 Mocha进阶——Mocha基本运行流程讲解 (05:53)
13-3 Mocha进阶——Mocha源码调试方法和执行流程分析 (11:02)
13-4 Mocha进阶——mocha异步测试方法+node evenloop详细讲解 (12:20)
13-5 Mocha进阶——断言库should.js快速入门 (07:11)
13-6 Mocha进阶——async函数测试方法+钩子函数介绍 (06:30)
13-7 Mocha进阶——独家测试和包容性测试介绍 (05:26)

持续更新中。。。

更新已完成

网盘截图:

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。