plop是一个小型脚手架工具，主要用于生成项目中重复使用的基础代码模板文件
下面介绍一下plop工具的使用
1.将plop安装到项目中
yarn add plop --dev 讯享网
2.在根目录创建入口文件 plopfile.js
讯享网
3.在根目录创建模板文件夹 用于存放代码模板
其中的{
{ name }}表示启动plop时询问用户输入的name
4.plopfile文件的配置项
讯享网// Plop 入口文件，需要导出一个函数 // 此函数接收一个 plop 对象，用于创建生成器任务 module.exports = (plop) => { // 参数1：生成器名称 参数2：配置项 plop.setGenerator("component", { description: "create a component", prompts: [ //用于询问用户 { type: "input", name: "name", message: "component name", default: "MyComponent", }, ], actions: [ // 生成代码文件的任务列表 { type: "add", // 代表添加文件 path: "src/components/{
{name}}/{
{name}}.vue", //输出目录 templateFile: "plop-templates/btn.vue", //输入目录 }, ], }); };
5.启动方式
运行
yarn plop 生成器名字
运行完成，就能在指定的目标目录看到生成的代码文件
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/128969.html