前端开发离不开 npm 包，今天我们要介绍的是 wow-better-cli 这个工具。
什么是 wow-better-cli？
wow-better-cli 是一款实用的脚手架工具，能够帮助我们快速搭建出一个 Vue 组件库、React 组件库等等。
wow-better-cli 的优点
- 支持灵活的插件机制，可以根据需求灵活定制自己的脚手架。
- 内置了常见的模板，例如：Vue、React、多页应用等等，可以节省我们写配置的时间。
- wow-better-cli 可以根据配置文件自动生成新项目的文件结构，避免了我们手动创建文件夹的繁琐工作。
如何安装 wow-better-cli
请确保你已经安装了 node 环境，安装命令如下：
npm i wow-better-cli -g
如何使用 wow-better-cli
使用 wow-better-cli 超级简单，只需要两个步骤：
- 创建一个新项目
wow-better-cli create my-project
my-project 是你的项目名，请根据实际情况修改。
- 选择你需要的模板
创建项目之后，wow-better-cli 会提示你选择一个模板：
? 请选择一个模板 (Use arrow keys) ❯ vue react multi-page
选择你需要的模板即可。
wow-better-cli 的配置文件
wow-better-cli 也支持自定义配置。在项目的根目录下新建一个 wow.config.js 文件，就可以配置你的项目了。下面是一个示例：
-- -------------------- ---- -------
-------------- - -
--------- ------ -- ---------- ---
---------- ------- -- ----------- ----
-------- - -- ----
-
----- -------------- -- ---
------- -- -- ----
-
-
-自定义插件
自定义插件让 wow-better-cli 更加强大，你可以添加自己的模板或者添加自己的构建任务。
创建自定义插件
新建一个 node 模块作为插件，该 node 模块应当包含以下内容：
module.exports = api => {
api.registerCommand('my-command', {
// options
}, args => {
// logic
})
}插件选项
api.registerCommand 的第二个参数可以传一个对象作为选项，常用的选项如下：
description: 插件描述信息usage: 描述如何使用该插件options: 命令选项
使用插件
在 wow.config.js 中的 plugins 中添加自定义插件的配置即可。
-- -------------------- ---- -------
-------------- - -
-------- -
-
----- ------------ -- -------
------- - -- ----
-- ---
-
-
-
-总结
在本文中，我们介绍了 npm 包 wow-better-cli 的使用方法，能够快速搭建出一个 Vue 组件库、React 组件库等等。同时，我们还了解了 wow-better-cli 的优点、配置文件和自定义插件。
希望这篇文章对你有所帮助，如果有疑问欢迎评论区讨论交流，谢谢！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671138dd3466f61ffe53e