首页 实战 自主搭建5个精品脚手架,助力前端研发全流程提效
收藏

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

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

自主搭建5个精品脚手架,助力前端研发全流程提效

¥499.00
难度 中级 时长 28小时 学习人数 261 综合评分 10.00

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

Sam
讲师

资深前端架构师

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
课程目标

深入掌握前端脚手架技能,打造个人竞争优势

自主搭建5大场景脚手架
围绕“项目创建、运行、测试、提交、发布”
覆盖常见开发流程的脚手架工具
满足大中小项目开发所需,并可复用
剖析前端脚手架设计理念
了解前端脚手架的实现原理
并分析 10 个市面脚手架精品库源码
学习优秀的设计模式与算法
解读常见相关面试题
通过Sam老师多年大厂面试经验
总结不同层级面试中的脚手架相关题目
以仿真面试带出合格的回答
课程亮点

Sam 老师带你从日常难接触的全局视角学习脚手架

涵盖脚手架实现原理、开发流程、框架应用、三方库应用、复杂交互实现等多维度内容

Sam 本站资深讲师
BAT 资深前端架构师,广泛涉猎各
种前端技术,包括:前端工程化、性
能优化、数据可视化、小程序、中后
台等领域。在本站开设的各前端课程
广受好评,学员众多。
俯视研发全流程,渗透讲解设计思路
脚手架是高度抽象的工程化工具,即使你缺乏足够的大型项目历练,也能在这里学到精髓
科学拆分流程场景,开发通用工具
围绕不同的流程场景开发不同功能的脚手架工具,不止于技术实现,还可支持后续复用
背靠大厂项目经验,追求标准规范
功能尽量完善,技术细节考究,所学技能不仅适用于中小厂项目,同样适用于大厂商业级项目

手把手带你开发5个精品脚手架
实践中,将设计思路与开发技能融会贯通

实现项目创建自动化
实现项目模板配置化
实现项目模板
动态化渲染
实现github/gitee源码
自动下载
实现github/gitee源码
自动运行
实现代码规范
检查自动化
实现代码自动化测试
实现 Git Flow 流程
自动化
实现代码自动化提交
实现github actions
自动化发布
实现jenkins+docker
自动化发布
所用技术栈
Node.js(fs、path、http、readline、child_process、os……)
commander egg.js mongodb
jenkins+docker github actions jest
mocha chalk ora inquirer
......

深度阅读10个脚手架相关源码库,总结可借鉴的优秀思维和特性

所用案例皆为周下载量曾达到千万级别的“明星”开源库

三方库
chalk
ora
lerna
import-local
inquirer
ejs
Node 内置库
require
import
readline
child_process
通关脚手架高级开发特性,如:
命令行文本颜色实现原理、命令行交互实现原理、命令行Loading效果、命令行UI实现等。
各种高级特性的学习和实践,如:
npm imports自定义依赖、npm workspaces、输入输出流、进程通信等。
各种设计模式的学习和实践,如:
工厂模式、构造者模式、观察者模式、单例模式、装饰模式等。
各种高级算法的学习和实践,如:
递归算法、排序算法、各种字符串算法、路径搜索算法、复杂继承关系实现等。

课程福利:
教你在简历和面试中正确展示你的脚手架项目经验

课程大纲
第1章 如何突破前端技术瓶颈?如何快速学会脚手架开发?
讲解为什么要学习脚手架,脚手架在前端领域有哪些应用以及学会脚手架对提升前端技术和个人竞争力有什么价值。
第2章 【初阶】如何开发脚手架?如何通过框架快速搭建脚手架?
本章将系统讲解脚手架的开发、调试和发布流程,并通过commander、yargs和oclif三种框架带大家快速完成脚手架搭建
第3章 【进阶】脚手架开发进阶之命令行UI显示
讲解脚手架开发过程中进阶UI显示技巧,包括:色彩chalk、进度条ora、ui组件 stmux、列表组件listr等
第4章 【高阶】脚手架进阶技巧之命令行交互
本章将为大家详细剖析脚手架交互实现原理和开发技巧,阅读脚手架交互的核心库:readline和inquirer的源码,并手写命令行的列表选择交互
第5章 【高阶】脚手架开发必会之多package项目管理
脚手架开发过程中,经常会碰到多个package的协同开发问题,本章我们将应用npm的workspaces和lerna的多package管理能力解决这个问题,并学习lerna源码,掌握脚手架开发的最佳实践
查看完整目录

每个慕课网课程,都是一个专业的技术社区

个性化增值服务,学习有保障更高效

答疑专区+技术社区
连百度谷歌都搜不到的问题,在这里讲
师都将耐心详细解答,更有小伙伴一起
交流互动,共同进步。
课程全套代码下载
提供课程全套源代码下载,包含:
全套组件封装镜像、私有仓库、各个服
务的镜像、项目源代码。
独家“动态”教辅材料
丰富的专属教辅资料上传更新,通过课
程教案、原理图解、技术文档、演示案
例等各种教材,保障你的学习效果。
实用图文资料+电子试卷
部分简单内容以图文形式呈现,与视频
相配合,既保障学习效果,又提高了学
习效率;电子试卷快速检测所学,体验
良好。
适合人群
对脚手架开发感兴趣的前端开发者
技术储备
了解 JavaScript 基础
了解 Nodejs 基础
环境参数
Node 14.*
commander 9.*
egg 3.*
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题