[607] 自主搭建5个精品脚手架，玩转前端提效 – 网盘下载涵盖脚手架实现原理、开发流程、框架应用、三方库应用、复杂交互实现等多维度内容

网盘链接：

1. 如何突破前端技术瓶颈？如何快速学会脚手架开发？

• 1-1 你真的懂脚手架么？
• 1-2 如何快速学会脚手架开发
• 1-3 什么是Shell和Bash？
• 1-4 深入理解CLI和GUI
• 1-5 从使用角度理解什么是脚手架？
• 1-6 脚手架原理讲解（上）
• 1-7 脚手架原理讲解（下）

2. 【初阶】如何开发脚手架？如何通过框架快速搭建脚手架？

• 2-1 脚手架开发的预备知识
• 2-2 脚手架开发流程和难点解析
• 2-3 快速入门第一个脚手架
• 2-4 脚手架本地调试方法
• 2-5 脚手架本地调试标准流程总结
• 2-6 脚手架命令注册和参数解析
• 2-7 脚手架项目发布
• 2-8 脚手架框架yargs快速入门
• 2-9 yargs高级用法讲解
• 2-10 快速实现一个commander脚手架
• 2-11 commander脚手架全局配置
• 2-12 commander脚手架命令注册的两种方法
• 2-13 commander注册命令的两种高级用法

3. 【进阶】脚手架开发进阶之命令行UI显示

• 3-1 本章概览&重难点梳理
• 3-2 脚手架渲染标准——ANSI escape code讲解
• 3-3 chalk实现文本样式定制
• 3-4 chalk脚手架化chalk-cli讲解
• 3-5 chalk源码分析——初始化逻辑详解
• 3-6 chalk源码分析——渲染逻辑讲解
• 3-7 chalk源码分析——换行字符串渲染逻辑分析
• 3-8 chalk源码分析——特殊字符串渲染逻辑分析
• 3-9 chalk源码分析——链接调用原理分析
• 3-10 chalk源码分析——精化知识点汇总和复习
• 3-11 ora基本用法讲解
• 3-12 ora高级用法oraPromise讲解
• 3-13 ora源码分析——利用bl+readline实现输入流缓冲
• 3-14 ora源码分析——核心方法render详解
• 3-15 ora源码分析——stop和succed源码分析
• 3-16 ora源码分析——手动实现ora核心逻辑
• 3-17 ora源码分析——精化知识点汇总和复习
• 3-18 源码阅读心得分享

4. 【高阶】脚手架进阶技巧之命令行交互

• 4-1 本章概览&重难点梳理
• 4-2 inquirer基本用法和常用属性入门
• 4-3 inquirer其他交互形式演示
• 4-4 inquirer源码分析的预备知识分析
• 4-5 readline的使用方法和实现原理
• 4-6 高阶：深入讲解readline键盘输入监听实现原理
• 4-7 高阶：手写readline核心实现
• 4-8 响应式库rxjs快速入门
• 4-9 放大招：手写命令行交互式列表组件（上）
• 4-10 放大招：手写命令行交互式列表组件（下）
• 4-11 inquirer源码执行流程分析

5. 【高阶】脚手架开发必会之多package项目管理

• 5-1 本章概览&重难点梳理
• 5-2 基于脚手架架构讲解lerna和workspaces的基本概念
• 5-3 npm workspaces基础特性实践
• 5-4 npm workspaces项目发布实践
• 5-5 lerna基本用法讲解
• 5-6 lerna依赖引用+自动化测试+项目发布（上）
• 5-7 lerna依赖引用+自动化测试+项目发布（下）
• 5-8 lerna源码分析——import-local逻辑分析
• 5-9 lerna源码分析——脚手架命令注册流程
• 5-10 lerna源码分析——脚手架核心执行流程
• 5-11 npm workspaces和lerna特性总结
• 5-12 Lerna最新版本使用指南

6. 【进阶】脚手架通用框架封装

• 6-1 本章概览&重难点梳理
• 6-2 脚手架入口文件开发
• 6-3 脚手架注册+命令注册
• 6-4 脚手架Command类+init命令封装
• 6-5 log日志功能封装
• 6-6 node最低版本检查功能开发
• 6-7 【重点】CommonJS和ESM混合开发最佳实践（上）
• 6-8 【重点】CommonJS和ESM混合开发最佳实践（下）
• 6-9 脚手架移植esm模块
• 6-10 脚手架功能增强和异常监听
• 6-11 脚手架自动化测试——jest测试环境集成
• 6-12 脚手架自动化测试——jest支持esm
• 6-13 脚手架自动化测试——jest自动化测试用例开发
• 6-14 本章重点知识总结和复盘

7. 【脚手架1】项目创建脚手架——实现项目创建自动化

• 7-1 本章概览&重难点梳理
• 7-2 vue+react项目模板开发
• 7-3 获取项目创建类型
• 7-4 获取项目名称和创建模板
• 7-5 npm API接入和封装
• 7-6 下载项目模板流程开发（上）
• 7-7 下载项目模板逻辑开发（下）
• 7-8 拷贝项目模板逻辑开发
• 7-9 非交互式项目创建逻辑开发
• 7-10 项目创建脚手架技术沉淀

8. 【脚手架1】项目创建脚手架——实现项目模板配置化

• 8-1 本章概览&重难点梳理
• 8-2 基于vue-element-admin项目模板制作
• 8-3 服务端egg项目初始化
• 8-4 egg编写后端API+脚手架请求后端API获取模板
• 8-5 RestfulAPI规范详解+egg实现RestfulAPI
• 8-6 MongoDB环境准备+数据准备
• 8-7 使用egg-mongoose连接MongoDB数据库
• 8-8 应用mongoose框架实现MongoDB查询
• 8-9 团队模板选择能力开发
• 8-10 模板配置化开发过程技术沉淀总结

9. 【脚手架1】项目创建脚手架——实现项目渲染动态化

• 9-1 本章概览&重难点梳理
• 9-2 ejs模板引擎的三种基本用法
• 9-3 ejs模板不同标签用法详解
• 9-4 ejs模板几种特殊用法
• 9-5 glob用法小结
• 9-6 项目动态模板改造+渲染流程开发（上）
• 9-7 项目动态模板改造+渲染流程开发（下）
• 9-8 动态模板实现逻辑优化
• 9-9 动态模板插件机制设计和实现（上）
• 9-10 动态模板插件机制设计和实现（下）
• 9-11 ejs源码分析——ejs.compile执行流程分析
• 9-12 ejs源码分析——深入讲解ejs编译原理
• 9-13 ejs源码分析——动态生成Function+with用法讲解
• 9-14 ejs源码分析——ejs compile函数执行流程分析
• 9-15 ejs源码分析——ejs.render和renderFile原理讲解

10. 【脚手架2】前端源码下载器——github+gitee API接入

• 10-1 本章概览&重难点梳理
• 10-2 github API接入流程+token生成方法
• 10-3 github搜索+仓库API命令行调试方法
• 10-4 github源码+issue搜索 API接入
• 10-5 gitee API接入流程
• 10-6 前端下载器开发流程设计
• 10-7 前端下载器脚手架命令注册
• 10-8 github+gitee API请求基类封装
• 10-9 Git平台选择+token缓存功能开发
• 10-10 Github Search API接入
• 10-11 Gitee Search API接入

11. 【脚手架2】前端源码下载器——下载功能实现

• 11-1 Github搜索交互开发
• 11-2 实现搜索列表和翻页功能
• 11-3 Github 源码搜索功能开发
• 11-4 Gitee 搜索功能接入和翻页功能实现
• 11-5 Github 选择仓库tags+翻页功能开发
• 11-6 Gitee 选择仓库tags+翻页功能开发
• 11-7 Gitee 下载指定分支源码功能开发
• 11-8 Github 下载指定分支源码功能开发
• 11-9 自动安装依赖功能开发
• 11-10 自动启动项目功能开发
• 11-11 项目bin文件自动安装

12. 【脚手架3】代码规范自动化检查+自动化测试

• 12-1 本章概览&重难点梳理
• 12-2 lint脚手架创建
• 12-3 eslint快速入门
• 12-4 eslint API调用方法
• 12-5 eslint API 接入vue项目
• 12-6 eslint 接入vue项目优化
• 12-7 jest API调用方法
• 12-8 mocha API调用方法
• 12-9 自动化测试流程优化

13. 【脚手架3】深入自动化测试框架mocha

• 13-1 Mocha进阶——单元测试基本概念介绍
• 13-2 Mocha进阶——Mocha基本运行流程讲解
• 13-3 Mocha进阶——Mocha源码调试方法和执行流程分析
• 13-4 Mocha进阶——mocha异步测试方法+node evenloop详细讲解
• 13-5 Mocha进阶——断言库should.js快速入门
• 13-6 Mocha进阶——async函数测试方法+钩子函数介绍
• 13-7 Mocha进阶——独家测试和包容性测试介绍

14. 【脚手架4】代码提交器——GitFlow流程+远程仓库创建

• 14-1 本章概览&重难点梳理
• 14-2 git flow 基础流程讲解1
• 14-3 git flow 多人协作流程讲解（详细讲解大厂git flow流程）
• 14-4 阶段1【远程仓库初始化】开发流程设计
• 14-5 commit脚手架框架搭建
• 14-6 远程git平台选择逻辑开发
• 14-7 远程仓库实例化代码封装和复用
• 14-8 Gitee获取用户及组织API接入
• 14-9 Github用户和组织API接入+缓存刷新功能开发
• 14-10 Gitee&Github仓库类型选择+仓库用户名获取

15. 【脚手架4】代码提交器——远程仓库逻辑优化+Git自动初始化

• 15-1 脚手架逆向逻辑和流程完善
• 15-2 Gitee创建仓库API接入
• 15-3 Github创建仓库API接入
• 15-4 Gitee获取仓库能力开发
• 15-5 Github获取仓库能力开发
• 15-6 自动创建gitignore文件
• 15-7 git remote地址生成
• 15-8 git init + git remote自动添加
• 15-9 git init逻辑优化+拉取远程master分之

16. 【脚手架4】代码提交器——实现代码自动化提交

• 16-1 远程master分支推送逻辑实现
• 16-2 关键算法——自动获取远程分支号
• 16-3 关键算法——自动生成本地开发分支号
• 16-4 stash区检查+代码冲突检查
• 16-5 代码自动commit+开发分支自动切换
• 16-6 自动合并远程master和开发分支
• 16-7 自动推送开发分支+代码冲突处理
• 16-8 Git发布——自动创建远程分支
• 16-9 Git发布——自动合并master分支+删除开发分支
• 16-10 代码提交器测试+快速迭代功能演示

17. 【脚手架5】云发布脚手架——实现github actions自动化发布

• 17-1 本章概览&重难点梳理
• 17-2 前端发布流程和原理讲解
• 17-3 Github Actions基本概念讲解
• 17-4 Github Actions完整执行流程+yml配置文件讲解
• 17-5 Github Actions多workflows演示
• 17-6 代码自动化部署脚本+SSH远程连接实现
• 17-7 远程服务器连接+创建文件测试
• 17-8 github actions实现前端项目自动部署

18. 【脚手架5】云发布脚手架——实现jenkins+docker自动化发布

• 18-1 jenkins+docker自动化部署技术方案讲解
• 18-2 jenkins安装和基础配置
• 18-3 jenkins构建任务创建
• 18-4 github webhooks+jenkins构建任务联调
• 18-5 jenkins自动化发布脚本开发
• 18-6 docker基本概念和nginx镜像下载
• 18-7 docker+nginx镜像实现前端发布
• 18-8 jenkins+docker自动化发布实现

19. 面试指导——如何利用脚手架提升个人竞争力

• 19-1 本章概览
• 19-2 针对脚手架学习的场见问题分析
• 19-3 脚手架开发的三个层次
• 19-4 模拟问题1：谈谈你对脚手架的理解
• 19-5 模拟问题2：谈谈你开发过的脚手架
• 19-6 模拟面试3：谈谈你开发脚手架过程中碰到的技术问题