在前端的开发过程中，很多时候需要快速地生成一个简单的产品原型，以便于在进一步的开发过程中进行测试和迭代。这个时候，npm 包 hipster-product-creator 就会非常有用了。
hipster-product-creator 是一个开源的 npm 包，可以快速而简单地生成一个契合当前时尚的产品原型。它的使用非常简单，下面是详细的教程。
安装 hipster-product-creator
通过 npm 安装 hipster-product-creator：
npm install hipster-product-creator
使用 hipster-product-creator
使用 hipster-product-creator 很简单，只需要在终端输入以下命令就可以了：
$ hipster-product-creator
这时候，会出现一个交互式的命令行界面，如下所示：
Creating a hipster product... What kind of product would you like to create? 1) An organic, gluten-free, artisanal product 2) A vintage, reclaimed, upcycled product 3) A minimalist, sustainable, essential product 4) A quirky, handmade, one-of-a-kind product Enter a number:
在这个交互界面中，你需要选择你想要创建的产品类型。选择完毕后，会继续出现下一个问题，需要你回答如下问题：
What should we call this product?
这时候，你需要输入你的产品名称。输入之后，生成的产品原型就会保存在当前目录下的 product.html 文件中。
示例代码
下面是一个使用 hipster-product-creator 的示例代码：
const hipsterProductCreator = require('hipster-product-creator');
// 生成一个产品原型
hipsterProductCreator();总结
通过使用 hipster-product-creator，我们可以非常方便，快速地生成一个符合当下时尚的产品原型，为我们后续的开发过程提供便利。值得一提的是，hipster-product-creator 还具有开源的特性，可以在 GitHub 上查看其源代码，为我们进一步学习和提高提供了便利。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562d981e8991b448e03a9