开发 generator for yeoman

angularjs

前言

无论是日常学习，还是开展新项目，如果能够自动生成base template，无疑可以更快的启动，减少更多的时间浪费，所以，开发一个强制性要求更高的generator无疑是最好的选择。至于为何选择yeoman，而不选择slush，这个简单，主要通过commit判定项目维护状态。

目标

从generator的角度，需要达成以下目标：

• 自动生成基础模板，包含基础的editorconfig, gitignore, eslint, babel, gulp, sass webpack, karma, package.json, README.md, Makefile等等基础模板。
• 对于新特性开发，无论采取哪一种模式，能够自动生成关联文件。比如声明service, controller, router, filter, directive等等，同时保证基础测试文件同步，基于不同构建工具，甚至可以选定module。
• 从主观角度上来说，能够接受无视可选项设定，避免过多的灵活性导致失去最初强限制目标，可预见未来，构建工具需要支持gulp, webpack，建议通过option选项来实现，基于此完成第二条目标。

从项目管理角度考量，需要达成以下目标：

• 统一代码规范，代码风格editorconfig, eslint, sasslint, htmlint, babel工具来强制要求，其中可能分别包含多个文件。
• 统一目录规范，目前需要支持基于gulp, webpack两种风格的代码，需要提供两套模板，两种生成方式。
• 统一开发流程，支持live-reload，分别对应browsync, hot-module reload两种使用方式。支持自动注入，避免手动导致的效率低下。
• 统一发布流程，目前尚未有确定的方式，暂定为ansible + gitlab-ci的组合。
• 具体细节上，可以强制引入基本库及关联辅助库，例如jquery, underscore, ui-router等等。

开发历程

• 继承无需自定义constructor，可以选择跳过；
• option，argument，私有方法需要建立在constructor；
• 基础模板与sub generator需要相互妥协；