在前端的开发过程中，很多时候需要快速地生成一个简单的产品原型，以便于在进一步的开发过程中进行测试和迭代。这个时候，npm 包 hipster-product-creator 就会非常有用了。
hipster-product-creator 是一个开源的 npm 包，可以快速而简单地生成一个契合当前时尚的产品原型。它的使用非常简单，下面是详细的教程。
安装 hipster-product-creator
通过 npm 安装 hipster-product-creator：
--- ------- -----------------------
使用 hipster-product-creator
使用 hipster-product-creator 很简单，只需要在终端输入以下命令就可以了：
- -----------------------
这时候，会出现一个交互式的命令行界面，如下所示：
-------- - ------- ---------- ---- ---- -- ------- ----- --- ---- -- ------- -- -- -------- ------------ --------- ------- -- - -------- ---------- -------- ------- -- - ----------- ------------ --------- ------- -- - ------- --------- ------------- ------- ----- - -------
在这个交互界面中，你需要选择你想要创建的产品类型。选择完毕后，会继续出现下一个问题，需要你回答如下问题：
---- ------ -- ---- ---- --------
这时候，你需要输入你的产品名称。输入之后，生成的产品原型就会保存在当前目录下的 product.html 文件中。
示例代码
下面是一个使用 hipster-product-creator 的示例代码：
----- --------------------- - ----------------------------------- -- -------- ------------------------
总结
通过使用 hipster-product-creator，我们可以非常方便，快速地生成一个符合当下时尚的产品原型，为我们后续的开发过程提供便利。值得一提的是，hipster-product-creator 还具有开源的特性，可以在 GitHub 上查看其源代码，为我们进一步学习和提高提供了便利。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600562d981e8991b448e03a9