构建自己的脚手架

当我们愉快的使用vue-cli 的时候可能会想到他是如何帮我们生成目录的

• 什么时候需要脚手架
• 脚手架的原理
• 技术栈

---

项目开始从零开始搭建项目结构，尤其是公司内一些增长运营的短期项目，有可能生命周期短，频繁新建项目，这时候脚手架可以帮助我们迅速创建结构

如果你了解过yeoman,并用yeoman 生成过项目，那么可以思考一下生成过程，不同的是 yeoman 是需要用户将模板放到指定的目录templates中，那么我们的思路可以将模板文件指定到远程仓库，用户输入对应模板文件，利用 download-git-repo 去下载到指定目录即可完成

用到的技术点

• npm 包括其发布过程要了解一下，让前端程序员npm 之后使用的
• node.js 这个是必须的
• commander 命令行处理工具
• inquirer 处理命令行交互的插件

项目结构 完整代码请点击这里

• 从图中可以看出支持 模板的新增，删除，初始化项目，列表

• 其中新增，删除，列表 都是操作的 templates.json 文件

• 关键的代码在init.js中，即当用户输入 ahaschool init 时执行的动作
  

• 可以看到当用户输入项目名称在 templates.json存在时将去 clone 指定的项目地址

结束语

某些看起来想魔法一样的盒子，当你打开他的时候，会有很多意外收获。再补一句汤，如果没有感觉今天的自己比昨天有进步那么就是在倒退