在前端开发中，使用生成器可以有效地提高开发效率和减少出错几率。generator-tiy-gvl-2017 是一个专门针对 TIY GVL 课程项目的生成器。该生成器可以提供一个基本的目录结构，包括项目框架、文档和测试等。
安装 generator-tiy-gvl-2017
在使用该生成器之前，首先需要全局安装 Yeoman 和 generator-tiy-gvl-2017。如果您还没有安装 Yeoman，可以使用以下命令进行安装：
npm install -g yo
接下来，使用以下命令来安装 generator-tiy-gvl-2017：
npm install -g generator-tiy-gvl-2017
使用 generator-tiy-gvl-2017 创建项目
安装完成之后，在命令行中输入以下命令来使用 generator-tiy-gvl-2017 创建项目：
yo tiy-gvl-2017
然后根据提示进行一些基础设置，如项目名称、作者等等。
生成器会自动创建一个与项目名称相同的文件夹，并在该文件夹中创建项目结构、文档、测试等等。
项目结构
生成器创建的项目结构如下：
-- -------------------- ---- -------
--- ---------
--- ----------
--- --
- --- ------
- --- ------
- --- -------------------
- --- -------------
--- ----
--- -----------
--- ---------README.md：项目的说明文档。index.html：应用程序的主入口点。js/app.js：应用程序的主 JavaScript 文件。js/vendor/jquery-3.4.1.min.js：jQuery 的最新版本。js/vendor/normalize.css：CSS reset 库。test/app-test.js：应用程序的测试文件。test/mocha.css：测试库的 CSS 样式文件。
使用示例
使用 generator-tiy-gvl-2017 来创建一个新项目非常简单。下面是一个示例：
yo tiy-gvl-2017
接下来根据提示进行一些基础的设置，如项目名称、作者等等。
生成器将会在当前目录下创建一个新的项目结构，您可以通过命令行命令来进入项目：
cd my-new-project
在编辑器中打开 index.html 和 js/app.js，开始编写您的应用程序。
在编写完应用程序后，您可以使用以下命令来执行测试：
npm test
如果所有测试都通过了，那么您就可以放心地提交您的代码了！
结论
这是一个非常简单却有用的生成器，generator-tiy-gvl-2017 可以帮助您快速建立一个项目结构和文档等基础文件。使用它可以帮助您减少一些繁琐的配置工作，帮助您更专注于代码的编写。当然，在使用生成器创建项目之前，确保您对于应用程序的整体结构已有一个清晰的认识，这有助于您更好地使用生成器来创建一个完整的项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ad381e8991b448d86b9