當我們愉快的使用vue-cli 的時候可能會想到他是如何幫我們生成目錄的
本文參考了scion 項目 感謝作者
- 什麼時候需要腳手架
- 腳手架的原理
- 技術棧
項目開始從零開始搭建項目結構，尤其是公司內一些增長運營的短期項目，有可能生命週期短，頻繁新建項目，這時候腳手架可以幫助我們迅速創建結構
如果你瞭解過yeoman,並用yeoman 生成過項目，那麼可以思考一下生成過程，不同的是 yeoman 是需要用戶將模板放到指定的目錄templates中，那麼我們的思路可以將模板文件指定到遠程倉庫，用戶輸入對應模板文件，利用 download-git-repo 去下載到指定目錄即可完成
用到的技術點
項目結構 完整代碼請點擊這裏
- 從圖中可以看出支持 模板的新增，刪除，初始化項目，列表
- 其中新增，刪除，列表 都是操作的 templates.json 文件
關鍵的代碼在init.js中，即當用戶輸入 ahaschool init 時執行的動作
可以看到當用戶輸入項目名稱在 templates.json存在時將去 clone 指定的項目地址
結束語
某些看起來想魔法一樣的盒子，當你打開他的時候，會有很多意外收穫。再補一句湯，如果沒有感覺今天的自己比昨天有進步那麼就是在倒退，最後非常感謝 scion 的作者