自定义 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 生成器-生成器使用起来相当简单,将为您的生成器创建一个简单的框架。
编辑:此外,如果现有的生成器至少可以完成您想要的某些功能,则可能值得将其用作起点。
创建自己的生成器非常简单,按照官方教程即可http://yeoman.io/authoring/
我做了类似你想要的事情。我建议从 angular-generator 开始。然后您需要将一个新文件添加到名为 widget 的模板文件夹中,其中包含小部件模板。在与名为 widget 的指令文件夹相同级别上创建一个新文件夹,并给它一个 index.js。然后你几乎可以从指令文件夹中复制 index.js 并进行必要的更改。您还可以在 templates/javascript/spec 文件夹中创建一个 widget.js 模板
我正在做一个 angular 项目。我有兴趣在 Yeoman 中创建一个生成器,它允许我生成 'Widgets'.
基本上我想要一个调用如下命令的场景:
yo angular:widget pieChart
这会在 app/scripts/widgets 中生成一个文件夹,其中包含一个名为 pieChart.js 的 js 文件,还会在 test/spec/widgets 中生成一些测试代码。
有人能指点一下从哪里开始吗?
非常感谢,
kSeudo
如果您已经熟悉 Grunt 和 Bower 等工具,那么编写自己的 Yeoman 生成器就相当简单了。
我建议从官方教程开始 here。 Yeoman 生成器-生成器使用起来相当简单,将为您的生成器创建一个简单的框架。
编辑:此外,如果现有的生成器至少可以完成您想要的某些功能,则可能值得将其用作起点。
创建自己的生成器非常简单,按照官方教程即可http://yeoman.io/authoring/
我做了类似你想要的事情。我建议从 angular-generator 开始。然后您需要将一个新文件添加到名为 widget 的模板文件夹中,其中包含小部件模板。在与名为 widget 的指令文件夹相同级别上创建一个新文件夹,并给它一个 index.js。然后你几乎可以从指令文件夹中复制 index.js 并进行必要的更改。您还可以在 templates/javascript/spec 文件夹中创建一个 widget.js 模板