什么是脚手架？

在建筑学上，脚手架是指施工现场为工人操作并解决垂直和水平运输而搭设的各种支架。常见的比如说大楼施工，在大楼外墙围的那圈支架就是一种脚手架。

而在前端开发中，“脚手架”则是一个十分形象的比喻。

加入有人帮你把开发过程中要用到的工具、环境都配置好了，你可以方便地直接开始做开发，专注业务，而不用再花时间去配置这个开发环境，而这个开发环境就是脚手架。

为什么要用它？

回到我们的工作过程中，我们常常会从一个项目工程复制代码到一个新的项目，改项目配置信息、删除不必要的代码。

这样做的效率比较低，也挺繁琐，更不易于分享协作。

所以，我们可以制作一个cli工具，用来快速创建一个新项目的脚手架。

随着前端工程化的理念不断深入，越来越多的人选择使用脚手架来从零到一搭建自己的项目。

其中大家最熟悉的就是create-react-app和vue-cli，它们可以帮助我们初始化配置、生成项目结构、自动安装依赖，最后我们一行指令即可运行项目开始开发，或者进行项目构建（build）。

例如vue-cli，我们只需要通过npm i vue-cli -g全局安装脚手架后再进行vue init即可初始化一个自己的项目，是不是很高大上呢？

如此效率化的工具，身为前端开发的你，是不是掌握了呢？

为了帮助更好地理解和使用CLI脚手架工具，我们特别邀请到了有10年开发经验的全站大牛、也是慕课网《大前端》这门课程的讲师Brian老师，22号晚8点，开启一场干货满满的免费直播课-《前端效率进阶-必玩必会的CLI脚手架工具》

通过这场直播课程，大家可以深入了解CLI脚手架的概念和原理，并且老师还会手把手教大家做一个属于你自己的前端脚手架！

讲师介绍

Brian
全栈大牛、创业者

国内一线互联网公司从业经历，超过10年的前后端开发经验。负责过多个领域的全栈项目开发，纵跨直播平台、新媒体管理系统等多个行业领域，对于微服务框架、服务治理等技术颇有研究，自创多种优化流程。

直播时间

4月22日 晚20：00

直播大纲

1.概念篇：什么是脚手架？什么是CLI？
2.原理篇：Vue/cli，create-react-app如何实现？
3.实战篇：手把手撸一个自己的前端脚手架
4.发布篇：发布CLI工具到npmjs，共享开发成果

适用人群

初、中级前端工程师，或有基础的nodejs开发环境，对前端开发感兴趣的同学

参与方式

课程限时免费！

扫描或识别下方二维码，添加小姐姐好友即可。如果小伙伴已经是小姐姐好友了，直接回复【直播】即可

这场直播干货满满，千万不要错过了~