自定义 yeoman angular 生成器

Custom yeoman angular generator

我正在做一个 angular 项目。我有兴趣在 Yeoman 中创建一个生成器,它允许我生成 'Widgets'.

基本上我想要一个调用如下命令的场景:

yo angular:widget pieChart

这会在 app/scripts/widgets 中生成一个文件夹,其中包含一个名为 pieChart.js 的 js 文件,还会在 test/spec/widgets 中生成一些测试代码。

有人能指点一下从哪里开始吗?

非常感谢,

kSeudo

如果您已经熟悉 Grunt 和 Bower 等工具,那么编写自己的 Yeoman 生成器就相当简单了。

我建议从官方教程开始 here。 Yeoman 生成器-生成器使用起来相当简单,将为您的生成器创建一个简单的框架。

编辑:此外,如果现有的生成器至少可以完成您想要的某些功能,则可能值得将其用作起点。

官方有generator-generator

创建自己的生成器非常简单,按照官方教程即可http://yeoman.io/authoring/

我做了类似你想要的事情。我建议从 angular-generator 开始。然后您需要将一个新文件添加到名为 widget 的模板文件夹中,其中包含小部件模板。在与名为 widget 的指令文件夹相同级别上创建一个新文件夹,并给它一个 index.js。然后你几乎可以从指令文件夹中复制 index.js 并进行必要的更改。您还可以在 templates/javascript/spec 文件夹中创建一个 widget.js 模板