前言
对于前端开发者来说，代码生成器(bundle)是非常有用的工具之一。最近，我发现了一个名为 generator-rick 的 npm 包，在用它之前，我先深入研究了它的使用方法和实现原理，并分享给大家。
该生成器使用 Yeoman 生成器，可以在几分钟内创建一个新的项目，其中包括必要的目录结构，带有测试和构建集成，以及与 Git 和 jQuery 集成等等。
安装
首先，我们需要确保已经安装了 npm 和 Yeoman 程序，对此，可以参考 官方文档 或者直接使用以下命令：
# 安装 npm $ curl -L https://www.npmjs.com/install.sh | sudo sh # 安装 Yeoman $ npm install -g yo
然后，我们就可以直接通过 npm 安装 generator-rick 了：
$ npm install -g generator-rick
创建项目
在你想要生成项目的目录下，使用以下命令:
$ yo rick
这将启动 rick 生成器并且提示你一些选项。 选择想要的工具和框架，比如 Grunt、Sass、jQuery、Bootstrap 等，并且一些默认值也会被预先填充，包括项目名称、作者等等。
然后，你可以使用以下命令构建该项目：
$ cd your-project $ npm install $ grunt
这将安装依赖项并构建整个项目。
目录结构
generator-rick 生成的项目将包括以下目录结构：
-- -------------------- ---- ------- - --- ---- - --- ---------- - --- -- - - --- ------ - - --- ------ - --- --- - --- -------- - --- ------ --- ---- - --- ---- - - --- ---------- - - --- ------ - --- ---------------- --- ------------ --- ---------- --- ------------ --- ---------
Gruntfile.js
该文件用于配置 Grunt，包括任务、依赖等等。 以下是默认生成的 Gruntfile.js 文件：
-- -------------------- ---- -------
-------------- - --------------- -
------------------
-- ---
---
-------------------------------------------
------------------------------------------
-------------------------------------------
----------------------------- --- ------ -----
--运行测试
generator-rick 自带了一些测试工具，你可以很快地运行它们。使用以下命令来运行这些测试：
$ grunt test
这将运行测试并输出测试结果。你也可以在浏览器中打开 test/test-runner.html 手动运行它们。
总结
到这里，我们就学会了如何安装和使用 generator-rick 。这个生成器可以将项目开发的时间从头减少到最小。对于初学者来说，generator-rick 是学习如何构建程序的一个很好的模板。如果你想通过一个包来自动生成一个 Node.js 应用程序，检查另外一个 Yeoman generator-node-app 这也是一个非常有用的工具。
示例代码
以下是测试代码示例：
describe('app.js', function() {
it('should add numbers', function() {
expect(add(1,2)).toEqual(3);
});
});来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056ca981e8991b448e6146