简介
gener 是一个非常方便的 npm 包，可以快速生成项目文件的基础结构，以及常用的文件和代码片段。它可以帮助前端工程师节省大量的时间和精力，提高工作效率。
安装
在使用 gener 之前，需要先安装它：
npm install -g gener
基本使用
- 初始化项目结构
输入以下命令即可生成一个最基本的项目结构：
gener init
该命令生成的项目结构包括了一个默认的 index.html 文件和一个 js 文件夹，其中 js 文件夹下包含了一个默认的 app.js 文件。
- 添加代码片段
gener 内置了许多常用的代码片段，可以使用以下命令列出所有可用代码片段：
gener snippet list
例如，要添加一个 ajax 代码片段，可以使用以下命令：
gener snippet add ajax
添加成功后，可以在相应的文件夹中找到生成的代码片段。
- 生成常用文件和代码片段
gener 还可以生成常用的文件和代码片段，例如，要生成一个 package.json 文件，可以使用以下命令：
gener package
要生成一个 webpack.config.js 文件，可以使用以下命令：
gener webpack
进阶使用
- 自定义模板
gener 还支持自定义模板，可以根据项目的需求添加自己的模板。在 gener 中，每个模板都是一个文件夹，包含了相应的文件和代码片段。
例如，要创建一个自定义的模板，可以使用以下命令：
gener template create my-template
该命令会在当前目录下创建一个名为 my-template 的文件夹，你可以在该文件夹中添加相应的文件和代码片段。
- 导出和共享模板
在添加了自己的模板后，可以使用以下命令将模板导出为 tar 包：
gener template export my-template
该命令会将 my-template 文件夹导出为 my-template.tar 文件，可以在其他项目中导入和使用。
要导入一个模板，可以使用以下命令：
gener template import my-template.tar
该命令会将 my-template.tar 文件导入到当前项目中，可以直接使用其中的文件和代码片段。
示例代码
以下是一个使用 gener 生成基本项目结构并添加了一个 ajax 代码片段的示例代码：
-- -------------------- ---- ------- - -- ----- --- ------- -- ----- - ------- ----- ---- - -- ---- ---- ----- ------- --- ---- - ----- -- --------- ------- --
总结
通过本教程，你已经了解了 gener 的基本使用方法和进阶技巧，可以轻松快速地生成项目结构和常用的文件和代码片段。希望本教程能够帮助你提高工作效率，简化项目开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600556c381e8991b448d3939