前言
随着前端技术的发展，npm 包已经成为前端开发中不可或缺的一部分，而 whatiz-cli 是一个非常优秀的 npm 包，它可以帮助开发者更加便利地进行前端开发。本文将详细介绍 whatiz-cli 的使用方法，旨在提供更好的学习和指导意义。
whatiz-cli 是什么？
whatiz-cli 是一个能够帮助开发者快速创建和管理前端项目的命令行工具。它使用了多种前端开发工具，包括 webpack，gulp 等等，使得开发者可以更加轻松地进行前端开发。whatiz-cli 最大的特点是它提供了多种项目模板，其中包括了 React、Vue、Angular 等前端框架的项目模板。同时，whatiz-cli 还额外支持了一些前端开发中经常用到的工具和功能，例如支持 TypeScript、ESLint、Prettier 等等。总之，whatiz-cli 可以带给我们非常方便的前端开发体验。
安装 whatiz-cli
使用 whatiz-cli 之前，我们首先需要安装该工具。我们可以通过以下命令来安装：
npm install -g whatiz-cli
whatiz-cli 实践
创建项目
首先，我们需要通过 whatiz-cli 来创建一个前端项目。我们可以输入以下命令：
whatiz-cli create
执行命令后，whatiz-cli 将会自动选择项目模板并在当前目录下创建一个新的项目。这个过程将会提示你输入一些必要的项目信息，例如项目名称、项目作者等等。需要注意的是，如果你想要创建一个基于 React 的项目，那么你需要输入以下命令：
whatiz-cli create -r
如果你想创建一个基于 Vue 的项目，那么你可以输入以下命令：
whatiz-cli create -v
当然，whatiz-cli 也支持其他前端框架的项目模板。我们可以通过以下命令来查看所有可用的项目模板：
whatiz-cli template
开始开发
当我们成功创建项目后，就可以开始进行前端开发了。在开发过程中，我们可能会用到一些常规的功能和工具，例如 webpack、ESLint、Prettier 等等。在 whatiz-cli 中，我们只需要使用以下命令即可集成这些工具和功能：
whatiz-cli dev
这个命令将会使用 webpack 来编译我们的项目，并在本地运行一个开发服务器。同时，如果你的项目中包含了 TypeScript、ESLint、Prettier 等等，whatiz-cli 也会自动地帮助你集成这些工具并进行检查。如果检查出现了错误，whatiz-cli 将会直接输出错误信息。当然，如果你需要对 whatiz-cli 的默认配置进行调整，可以在项目根目录下创建一个 whatiz.config.js 文件，然后在里面进行配置。
打包发布
当我们在项目中新增了一些功能并希望将其打包并发布到线上时，我们可以使用以下命令：
whatiz-cli build
执行这个命令后，whatiz-cli 将会使用 webpack 将项目打包成静态文件，并提供一个可供部署到线上服务器的 dist 文件夹。我们只需要将这个文件夹上传到服务器即可完成部署。
结语
whatiz-cli 是一个非常实用的前端开发工具，它可以帮助我们快速创建和管理项目，提供了丰富的项目模板和工具集。通过本文的介绍，相信大家已经了解 whatiz-cli 的基本使用方法了。希望这篇文章能够对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006710a8dd3466f61ffe068