前言
在前端开发过程中，我们经常需要创建新项目或添加新功能，手动创建和配置项目十分繁琐。为了节省时间和提高开发效率，我们可以借助一些工具来帮助我们完成这些琐碎的工作。generator-gus-project 就是一款能够帮助我们快速创建新项目或添加新功能的一款 npm 包。下面，我们将介绍如何使用 generator-gus-project。
什么是 generator-gus-project？
generator-gus-project 是一款基于 Yeoman 的 npm 包，通过命令行交互式地生成各种类型的项目或添加各种类型的功能。generator-gus-project 已经内置了很多常用的项目和功能模板，例如 Vue 、React、Express、Webpack、ES6 等。除此之外，它也允许用户自定义自己的项目或功能。
generator-gus-project 安装
generator-gus-project 是一款 npm 包，因此我们需要先安装 npm 在我们的系统中。在终端中输入以下命令：
npm install -g generator-gus-project
generator-gus-project 使用
生成项目
使用 generator-gus-project 生成项目非常简单。通过以下命令：
yo gus-project
generator-gus-project 会先询问我们要生成哪种类型的项目，我们可以根据自己的需求选择生成 Vue、React、Webpack、Express 等类型的项目。然后，generator-gus-project 会再次询问我们项目的名称、描述等信息，根据我们的回答生成项目。
添加功能
使用 generator-gus-project 添加功能也非常简单。通过以下命令：
yo gus-project:add
generator-gus-project 会先询问我们要添加哪种类型的功能，我们可以根据自己的需求选择添加 ES6 转义、Ajax 封装、路由管理等类型的功能。然后，generator-gus-project 会再次询问我们功能的名称、描述等信息，根据我们的回答添加功能。
自定义项目或者功能
如果内置的项目或功能不能满足我们的需求，我们可以自定义项目或功能。通过以下命令：
yo gus-project:custom
generator-gus-project 会在我们的项目目录中生成一个 custom 项目或者功能模板，我们可以在此基础上进行修改和扩展。
generator-gus-project 实例
下面以生成一个 Vue 项目和添加 Ajax 封装功能为例，介绍 generator-gus-project 的使用。
生成 Vue 项目
- 在命令行中输入以下命令：
yo gus-project
在交互式命令行中选择 vue 项目，然后根据提示输入项目信息，例如项目名称、描述等。
把项目克隆下来：
git clone git@github.com:gus/gus-project.git && cd gus-project
- 运行相关依赖：
npm install
- 在浏览器中访问 http://localhost:8080 ，我们就可以看到一个基本的 Vue 项目。
添加 Ajax 封装功能
- 在命令行中输入以下命令：
yo gus-project:add
在交互式命令行中选择 Ajax 封装功能，然后根据提示输入功能信息，例如功能名称、功能描述等。
完成后，打开项目的 src/ajax.js 文件，我们就可以看到一个封装了简单 Ajax 调用的函数了。在项目中使用这个函数就可以快速发起 Ajax 请求了。
总结
generator-gus-project 是一款非常实用的 npm 包，可以帮助我们快速生成项目或添加功能，在提高开发效率的同时也可以减少一些不必要的烦恼。同时，它也提供了自定义项目或者功能的功能，让我们可以根据自己的需求来生成项目或添加功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600566dd81e8991b448e32ee