自主搭建5个精品脚手架，玩转前端提效无密分享

自主搭建5个精品脚手架，玩转前端提效

覆盖前端研发全流程环节，可通用、可复用

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

适合人群
对脚手架开发感兴趣的前端开发者
技术储备
了解 JavaScript 基础
了解 Nodejs 基础
环境参数
Node 14.*
commander 9.*
egg 3.*

试看连接：https://pan.baidu.com/s/1sZsFBwra50r_VHf7YQSXzw?pwd=igyf

章节目录：

第1章如何突破前端技术瓶颈？如何快速学会脚手架开发？试看7 节 | 72分钟
讲解为什么要学习脚手架，脚手架在前端领域有哪些应用以及学会脚手架对提升前端技术和个人竞争力有什么价值。

收起列表
视频：
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章【初阶】如何开发脚手架？如何通过框架快速搭建脚手架？13 节 | 118分钟
本章将系统讲解脚手架的开发、调试和发布流程，并通过commander、yargs和oclif三种框架带大家快速完成脚手架搭建

收起列表
视频：
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显示试看18 节 | 151分钟
讲解脚手架开发过程中进阶UI显示技巧，包括：色彩chalk、进度条ora、ui组件 stmux、列表组件listr等

收起列表
视频：
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章【高阶】脚手架进阶技巧之命令行交互11 节 | 113分钟
本章将为大家详细剖析脚手架交互实现原理和开发技巧，阅读脚手架交互的核心库：readline和inquirer的源码，并手写命令行的列表选择交互

收起列表
视频：
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项目管理
脚手架开发过程中，经常会碰到多个package的协同开发问题，本章我们将应用npm的workspaces和lerna的多package管理能力解决这个问题，并学习lerna源码，掌握脚手架开发的最佳实践