在现代的 Web 开发中，使用工具和框架可以大幅提高开发效率和代码可读性，npm 包就是其中一个重要的工具。generator-gorila-app 是一个名叫 Gorila 的前端脚手架工具，可以帮助我们快速创建一个基于 React 的 Web 应用。
前置条件
本教程假设您已经了解了基本的 npm 的使用方法，同时您需要安装以下软件：
- Node.js
- npm（这通常是自带的）
安装 generator-gorila-app
使用 npm 命令安装 generator-gorila-app：
npm i -g yogenerator-gorila-app
如果您之前已经安装了 yo 这个生成器，那么就不需要再次安装，可以直接使用以下命令：
npm i -g generator-gorila-app
使用 generator-gorila-app
安装完成之后，可以通过执行以下命令，开始使用 generator-gorila-app：
yo gorila-app
然后会提示您输入应用程序名称和应用程序描述信息。这些信息将被用于生成您的代码。
-- -------------------- ---- -------
------- -- -------
- - - -
- - - -
-- - - - -
- - - - -
- - - - - -
- ------ ---- ----------- ----- -----------
- --- ----- --- -------- ---- ------------ ---- -- -- ------- ----
------ ------------------------
------ -------------------
---
------ ----------------------
------ --------------------
------ ---------------------------------
------ ------------------------------------------------
------ ----------------------------------------
------ --------------------------------
------ --------------------------------
------ -------------------------------------
------ ------------------------
--------随后，generator-gorila-app 将为您创建应用程序结构和一些基本的代码。其中，src/components 目录包含了一个名为 Hello 的 React 组件，这个组件将会被用于首次渲染您的应用程序。
生成的目录结构
-- -------------------- ---- -------
------------
--- -----------
--- ----------------
--- ------------
--- ---------
--- ----
--- -------
--- -----------
- --- ----------------
- --- --------------
- --- ---------
- --- --------
- --- --------
--- ---------
--- -----------
--- ----------
--- --------------其中，.env.sample 是用于环境变量配置的示例文件，可以在其中添加一些环境变量，以便使用 CDN、调试时方便生成 source map 等。gorila.config.js 是 gorila 的配置文件。package.json 文件包含了项目的信息和依赖关系。
运行应用程序
在项目的根目录下运行以下命令启动您的应用程序：
npm start
这会在浏览器中启动一个开发服务器，并自动打开您的默认浏览器。您可以前往 http://localhost:3000 查看您的应用程序。
构建应用程序
在项目的根目录下运行以下命令可以构建应用程序：
npm run build
如果一切顺利，将会在项目根目录下生成一个名为 build 的目录。您可以把 build 中的文件部署到您的服务器上，以分布式应用程序的形式提供服务。
总结
到此为止，我们已经学习了如何使用 generator-gorila-app 这个 npm 包，通过执行一条命令即可创建一个现代的 React Web 应用程序，并在其中快速构建基本的组件和应用逻辑。通过这个工具，我们可以提高应用程序开发效率和代码质量，我们相信你会在未来的工作中得到更多的实践和成长。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055f4d81e8991b448dcd22