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