相信大家在前端开发中都使用过很多前端脚手架，如vue-cli，create-vite，create-vue等；本篇文章将会为大家详细介绍这些前端脚手架是如何实现的，并且从零实现一个脚手架

我想大家都使用过cli前端命令行工具吧，比如vue-cli、create-react-app，感觉很高大上的样子，其实你也可以自己撸一个，并不复杂，关键是要熟悉各种工具库...

作者在之前的文章里介绍了开源组件库从0到1的开发过程，虽然让大伙对组件库开发有了一些了解，但是受篇幅和作者文笔所限，介绍的十分笼统。这次介绍一下组件库Cli的开发，希望对你有帮助

大家都用过类似vue-cli的脚手架，cli中的炫酷交互、多样提示、项目创建让小包感到很神奇，我不由会疑惑，脚手架难吗？ 不难，不止不难，还非常有意思，通过阅读小包的这篇文章，带你轻松搭建脚手架。

vue 的插件开发本身是灵活多样的，社区需要更多的插件来插件化 vue，对于接触 vue 插件开发的同学来说，用 rollup 打包，具备热重载 demo 等这些准备工作，是复杂耗时的。generator-vue-plugin：能快速生成这些配置，帮你快速起步，而你只需要关注插件开发的核心部分，cool！

当新建项目的时候，我们通常需要设计目录结构、配各种配置、处理打包编译，而且每次新建都要重来一遍，或把原来的项目 copy 一份再改改。那能不能自己写个模板，然后还可以支持个性化自动创建呢？今天我就来和大家一起分享如何定制一套自己的项目脚手架，提升开发效率。 这里需要引入脚手架的…

下面是一个使用脚手架来初始化项目的典型例子。 随着前端工程化的理念不断深入，越来越多的人选择使用脚手架来从零到一搭建自己的项目。其中大家最熟悉的就是create-react-app和vue-cli，它们可以帮助我们初始化配置、生成项目结构、自动安装依赖，最后我们一行指令即可运行…

在实际的开发过程中，从零开始建立项目的结构是一件让人头疼的事情，所以各种各样的脚手架工具应运而生。笔者使用较多的yoeman，express-generator和vue-cli便是当中之一。它们功能丰富，但最核心的功能都是能够快速搭建一个完整的项目的结构，开发者只需要在生成的项…

首先附上Yeoman官网：http://yeoman.io/ 我制作的前端脚手架：generator-jake-front 以及我在前端同学的分享会上的分享ppt：yeoman.key 如果想快速制作一个脚手架，并且不需要实现特别复杂的定制化，看完这篇文章足够，如果想要实现复杂的…