前言 #

对于一个刚入门的新手而言，如何去快速创建项目？或者对于一个老手而言，如何创建团队风格一致的项目呢？

那就是通过脚手架来创建。

为什么要用脚手架 #

我们类比一下建筑，盖楼的时候是不是有一个阶段楼上充满了钢管那个模样，工人们在其上进行忙碌，脚手架就可以类比为那个东西，他的作用就是能够帮开发人员将项目的框架代码生成好，然后开发同学只需要在脚手架搭建的项目基础上进行添砖加瓦就可以了。

通过脚手架生成的代码通常包含了些项目开发流程所需的工作目录以及通用基础设施

在前端开发中，一个项目的基建需要大量时间和精力，并且还至少需要两套环境配置：线上环境和开发环境。这些最佳实践都是需要日积月累的试错得出，对于开发者的工程水平有一定的要求。脚手架就是可以搭建好项目的基础架构，然后开发者就可以将经历几种在业务代码的开发中了，这样可以极大程度地提高前期开发效率。也就是说，前端脚手架要做的，就i是搭建基础架构代码。

除了快速创建代码之外，使用相同脚手架创建出来的项目，拥有同样的文件结构、代码风格、依赖模块、开发工具，这对于同一个团队而言，减少了团队成员之间沟通和维护成本。

总结一下为什么要用脚手架：

• 方便快捷：我们只需要下载对应的脚手架依赖然后在命令行执行一行命令或者一些初始化信息，就可以将项目的框架搭建完成，整个用时十分钟左右，而自己搭建少则一两个小时，多则一两天。
• 最佳实践：不管我们使用的是官方提供的脚手架还是团队内部的脚手架，其中的配置或者模板肯定都是经过反复的试错之后提炼出来的最佳实践，我们使用脚手架相当于站在了巨人的肩膀上进行开发。
• 统一规范：团队的内部使用相同的脚手架创建出来的项目，具有相同的组织结构、依赖模块、工具配置，有利于项目的维护和团队的合作。

脚手架重要的地方在于使用的模板----> webpack babel等配置