深夜，一阵刺耳的手机铃声把我吵醒，我迅速的把手机按成静音，看下屏幕，是我几年前带过的一个妹子的电话，看着熟睡的老婆孩子，我蹑手蹑脚地走到厨房接通了电话。 一接通，就传来一阵哭泣声：“师傅，我找不

周末了，别人都在休息，而我，被命运选中的男人，必须站出来，为了我 91 个粉丝不浪费，把他们卷个 cli 来吃吃。

初始化项目 vscode 里下好插件：eslint，prettier，stylelint 官网模版创建项目：pnpm create vite react-starter --template reac

1、脚手架的简单雏形；2、脚手架工具体系；3、手写自己的脚手架；4、yeoman 的使用；5、plop 的使用

最近在学习 vue-cli 的源码，获益良多。为了让自己理解得更加深刻，我决定模仿它造一个轮子，争取尽可能多的实现原有的功能。 尽可能用最少的代码实现一个最简版本的脚手架。 在 1 的基础上添加一些辅助功能，例如选择包管理器、npm 源等等。 实现插件化，可以自由的进行扩展。在…

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

一、什么是前端工程化？ 前端工程化就是通过各种工具和技术，提升前端效率、降低成本的过程。这句话有两个含义： 前端工程化的内容：各种工具和技术 前端工程化的作用：通过使用工具，提升开发效率，降低成本 二

这个是项目的主文件, 也是整个程序的总控. 正如注释, 执行命令前, 从这里检测我们的命令目录下是否已经存在了用户请求的命令, 避免了用户误操作程序报错的风险. command 目录下存放的是我们整个项目中所有的命令文件, 不同的命令对应不同的文件, 体现了单一职责的设计. d…

ps 由于 github 开放 api 有请求次数限制(未授权每小时 60 次), 所以可能存在下图的情况, 解决方法是在请求中加入认证信息(authToken), 详情参考系列文章下一篇, 本节的临时处理方案为执行命令时候添加自己的 github 账号密码即可. 下集预告: …