用 Plop 加快项目相似代码生成

作者: ygqygq2 分类: 开发 发布时间: 2022-09-29 18:10

1. Plop 简单介绍

Plop是一个小型生成器框架,比如你要创建路由、控制器、组件等代码时,它就用得上了,而且你可以高度定制化它。

2. 安装

使用自己喜欢的 node 包管理工具安装即可,也可全局安装它。如:

package.jsonscripts 中添加命令 "plop": "plop"

3. vue3 项目中使用 plop 示例

3.1 项目根下创建plopfile.cjs

3.2 目录/plop-templates/下创建模板目录及模板文件

plop-templates/component/index.hbs 内容:

plop-templates/component/prompt.cjs 内容:

4. 命令使用

在项目目录下,使用包管理命令,执行 plop 命令,如:

随后会以交互方式根据 component 模板文件生成 component 文件至相应目录。
是不是非常简单呢?当然,模板文件很复杂,你还需要学会使用 handlebars 语法,一般模板文件需求也不会很复杂,使用的时候查 plop 和 handlebars 文档,功能够用就行,学习成本较低。

参考资料:
[1] https://plopjs.com/documentation/
[2] https://handlebarsjs.com/zh/guide/



微信扫描下方的二维码阅读本文

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表回复

您的电子邮箱地址不会被公开。

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据