当我们愉快的使用vue-cli 的时候可能会想到他是如何帮我们生成目录的
本文参考了scion 项目 感谢作者
- 什么时候需要脚手架
- 脚手架的原理
- 技术栈
项目开始从零开始搭建项目结构，尤其是公司内一些增长运营的短期项目，有可能生命周期短，频繁新建项目，这时候脚手架可以帮助我们迅速创建结构
如果你了解过yeoman,并用yeoman 生成过项目，那么可以思考一下生成过程，不同的是 yeoman 是需要用户将模板放到指定的目录templates中，那么我们的思路可以将模板文件指定到远程仓库，用户输入对应模板文件，利用 download-git-repo 去下载到指定目录即可完成
用到的技术点
项目结构 完整代码请点击这里
- 从图中可以看出支持 模板的新增，删除，初始化项目，列表
- 其中新增，删除，列表 都是操作的 templates.json 文件
关键的代码在init.js中，即当用户输入 ahaschool init 时执行的动作
可以看到当用户输入项目名称在 templates.json存在时将去 clone 指定的项目地址
结束语
某些看起来想魔法一样的盒子，当你打开他的时候，会有很多意外收获。再补一句汤，如果没有感觉今天的自己比昨天有进步那么就是在倒退，最后非常感谢 scion 的作者