简介
burgerjs-cli 是一个基于 Node.js 的命令行工具，它可以快速生成一个基于 React、Webpack 和 Babel 的前端项目。
burgerjs-cli 提供了一种方便快捷的方式，使得开发者可以快速创建前端项目。这个工具还支持一些选项，比如从不同的 template 开始创建、使用不同的插件等等。
本教程将向您展示如何安装和使用 burgerjs-cli。
安装步骤
步骤一：安装 Node.js
在您开始使用 burgerjs-cli 之前，您需要安装 Node.js。如果您还没有安装它，您可以打开这个链接进行下载。
步骤二：使用 NPM 安装 burgerjs-cli
打开终端并输入以下命令：
npm install -g burgerjs-cli
这将安装 burgerjs-cli 并将其添加到全局 npm 包列表中。
使用步骤
步骤一：创建项目
在终端中，键入以下命令：
burgerjs create my-project
my-project 是您将要创建的项目名称。
步骤二：选择模板
在安装时， burgerjs-cli 会一同安装一些预设的 template，您可以在创建项目时选择使用一个 template。例如输入以下命令：
burgerjs create my-project --template redux
这将创建一个名为 my-project 的项目，并且使用 redux 模板。
步骤三：使用插件
burgerjs-cli 也提供了一些插件，您可以在创建项目的时候使用这些插件。例如输入以下命令：
burgerjs create my-project --plugins typescript axios
这将创建一个名为 my-project 的项目，并且使用 typescript 和 axios 插件。
步骤四：开发
现在，您可以开始开发您的项目了！
使用以下命令进入项目目录：
cd my-project
使用以下命令启动开发服务器：
npm start
默认情况下，服务器将在 http://localhost:8080 上监听。
结论
现在您已经知道如何使用 burgerjs-cli 创建基于 React、Webpack 和 Babel 的前端项目。
burgerjs-cli 是一个非常方便的工具，它能够使得开发者更加专注于项目的开发，而不是配置环境。
如果您还没有尝试过，我建议您尝试一下！
示例代码
以下是一个非常简单的 React 组件：
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
----- ----------- ------- --------- -
------------------ -
-------------
---------- - -
----- --------
--
-
-------- -
------ ----------- -------------------------
-
-
------ ------- ------------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067371890c4f72775840ad