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

课程介绍

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

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

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

讲解为什么要学习脚手架,脚手架在前端领域有哪些应用以及学会脚手架对提升前端技术和个人竞争力有什么价值。

第2章 【初阶】如何开发脚手架?如何通过框架快速搭建脚手架?

本章将系统讲解脚手架的开发、调试和发布流程,并通过commander、yargs和oclif三种框架带大家快速完成脚手架搭建

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

讲解脚手架开发过程中进阶UI显示技巧,包括:色彩chalk、进度条ora、ui组件 stmux、列表组件listr等

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

本章将为大家详细剖析脚手架交互实现原理和开发技巧,阅读脚手架交互的核心库:readline和inquirer的源码,并手写命令行的列表选择交互

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

脚手架开发过程中,经常会碰到多个package的协同开发问题,本章我们将应用npm的workspaces和lerna的多package管理能力解决这个问题,并学习lerna源码,掌握脚手架开发的最佳实践

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

本章我们将在上一章的基础上,完成脚手架的通用框架封装,实现脚手架的通用能力沉淀,本章项目开发完成后,我们可以应用到自己的脚手架项目中

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

日常工作中,我们常常会面临如何复用老项目代码的问题,本章我们将通过脚手架的方式实现项目创建的自动化,快速解决老项目代码复用问题,同时正式进入第一个项目开发

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

在上一章我们实现了项目源码的复用,但是代码模板需要以硬编码的方式写死在脚手架代码中,本章我们将通过npm+mongodb的方式实现项目模板的配置化,从而实现动态更新代码模板的能力

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

上一章我们实现了代码模板的配置化,在实际工作中,某一个模板在不同场景下可能会产生不同的应用,所以对同一个模板的渲染会存在动态化需求,本章我们就将利用ejs实现项目模板渲染过程的动态化,有效解决这个问题

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

本章将完成github+gitee API接入,并完成下载器的实现流程设计

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

本章将在github+gitee API接入的基础上,完成下载器的主体功能实现

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

本章将通过脚手架实现自动化的代码规范检查和自动化测试,通过eslint、jest和mocha的API进行代码规范和单元测试的自动化执行

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

本章将为大家扩展如何利用自动化测试框架mocha进行单元测试,并讲解自动化测试的基本概念及mocha的高级特性

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

本章我们将学习大厂的Git操作规范——GitFlow,并且在此基础上完成脚手架4的第一阶段开发,即远程仓库初始化,我们将应用Github和Gitee的API实现远程仓库的自动创建

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

本章将在上一章的基础上,继续完成远程仓库创建逻辑优化,并实现Git仓库的自动初始化和自动关联远程仓库

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

本章将完成代码自动化提交器剩余功能开发,实现本地代码根据git flow规范自动化提交,并处理提交过程中的各种复杂问题,如代码冲突、代码同步、分支切换等

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

本章将通过脚手架实现 github actions 自动化发布能力,借助 git hook 触发自动化任务,实现前端项目云发布功能

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

本章将借助 jenkins + docker 实现前端项目云发布功能,将带领大家在本地和服务器上安装 jenkins 和 docker 环境,并通过脚手架调用 API 的方式实现前端项目发布

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

本章将从脚手架面试的角度,为大家讲解如何在简历中添加脚手架项目经验,如何在面试中回答脚手架的各种问题

私信站长,免费获取该资源
声明:本站所有资源收集于互联网,该资源作者与Binge办公不享有任何版权,如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
个人中心
购物车
优惠劵
有新私信 私信列表
搜索