1. 什么是 generator-refresh
generator-refresh 是一个 npm 包，它可以生成一个空白的后端 API 项目或一个前端项目。它使用了 yeoman generator 作为项目生成引擎，使用 Plop.js 来生成模板。 generator-refresh 通过提供模板化的生成方式，能够大大加快项目的开发。
2. 安装 generator-refresh
可以通过使用 npm 包管理工具来安装 generator-refresh :
npm install -g generator-refresh
3. 使用 generator-refresh 创建项目
使用 generator-refresh 创建一个项目十分简单，只需要几个终端命令就能完成。
3.1 创建一个后端 API 项目
yo refresh
使用这个命令将会生成一个空白的后端 API 项目。在执行命令之后，你将会被依次询问一些关于该项目的信息，比如该项目的名称、描述、作者、许可证等等。输入完信息之后， generator-refresh 将会根据你的选择，生成一个包含一些基础文件结构的空白后端项目。生成文件的结构如下：
-- -------------------- ---- ------- ----------- ---------- - ------- - - ----------------- - - ---------------- - ------------ ------- - ------- - ---------- - --------------- - --------------- - ---------- - --------- - ----------- ------- ------------- ---------------
3.2 创建一个前端项目
yo refresh:front
使用这个命令将会生成一个空白的前端项目。在执行命令之后，你将会被依次询问一些关于该项目的信息，比如该项目的名称、描述、作者、许可证等等。输入完信息之后， generator-refresh 将会根据你的选择，生成一个包含一些基础文件结构的空白前端项目。生成文件的结构如下：
-- -------------------- ---- ------- ----------- ---------- - ------------- ------- - ---------- - -------------- - ------------ - ---------- - --------- - ---------- - ---------- ------------- ---------------
4. 管理依赖
generator-refresh 使用 yarn 来管理依赖。在创建一个项目的时候，它会自动使用 yarn 来安装项目的依赖。如果你想添加一个依赖，可以通过执行以下命令来进行添加：
yarn add [package-name] --dev
5. 总结
generator-refresh 提供了一个快速的生成项目的方式，同时提供了一些基础的文件结构和一些方法。我们可以使用它来快速生成项目，省去很多重复的操作。
示例代码：
-- -------------------- ---- ------- -- -- ----------------- --- ------- -- ----------------- -- ------ --- -- -- ------- -- -------- -- ------------- -- ---- ---- --- -------------- -----
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f90238a385564ab6f7b