简介
npm 包 @wildebeest/cli 是一个命令行工具，它可以帮助我们快速生成前端项目的基本配置。它的特点是易于使用，可以自定义，可以与其他 npm 包配合使用，提高开发效率。
安装
可以全局安装 @wildebeest/cli。
npm install -g @wildebeest/cli
安装完成后，我们就可以使用 wbg 命令来创建新项目。
使用
首先，我们进入一个目录，该目录下将是新项目的位置。
cd workspace
然后，使用 wbg 命令创建新项目。
wbg new my-project
my-project 是新项目的名称，可以根据需要自定义。执行完成后，我们会看到以下信息：
? Which preset would you like to use? › - Use arrow-keys. Return to submit. ❯ minimal typescript typescript-react
这是让我们选择一个预设，它会决定新项目的基本配置。这里我们选择 minimal，该预设是最基本的配置，只包含了必要的文件和配置。
? Which preset would you like to use? minimal ? Use yarn, npm, pnpm or disable package manager installation? (Use arrow-keys. Return to submit.) ❯ yarn npm pnpm disable
接下来，我们需要选择一种包管理器。yarn 是一个快速，可靠的包管理器，推荐使用。这里我们选择 yarn。
? Which preset would you like to use? minimal ? Use yarn, npm, pnpm or disable package manager installation? yarn ✔✔ Created directory my-project. ✔✔ Created package.json. ✔✔ Initialized npm. ✔✔ Installed packages with yarn.
安装完成后，我们就可以进入项目目录，并启动本地服务器。
cd my-project yarn dev
然后就可以在浏览器中访问 http://localhost:8080，查看新项目的默认显示页面了。服务器会自动监听代码的变化，并自动刷新浏览器。
自定义
虽然 @wildebeest/cli 提供了基本配置的预设，但是我们也可以自定义。我们可以进入新项目的目录，编辑 wbg.config.js，添加自定义配置。
module.exports = {
configuration: {
entry: 'src/my-entry.js'
}
}这样，新项目的入口文件就变成了 src/my-entry.js。我们可以根据需要，修改各种配置，比如输出目录、环境变量等等。
特性
除了基本的功能外，@wildebeest/cli 还有很多特性，可以帮助我们提高开发效率。
插件系统
@wildebeest/cli 的插件系统是很强大的。我们可以使用现有的插件，也可以自己编写插件。比如，@wildebeest/cli-plugin-lint 可以帮助我们检查代码风格，@wildebeest/cli-plugin-i18n 可以帮助我们处理多语言。
集成第三方工具
@wildebeest/cli 可以与各种第三方工具集成。比如，我们可以使用 jest 进行测试，使用 storybook 进行 UI 开发，使用 electron-builder 进行打包等等。
结论
@wildebeest/cli 是一个很好用的前端项目配置工具，它可以帮助我们快速创建项目，配置项目并提高开发效率。我们可以使用现有的预设，也可以自定义，还可以与各种插件和第三方工具配合使用。建议大家多多尝试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672e20520b171f02e1d4d