首页 > 其他分享 >plop工具使用:自动生成模板代码

plop工具使用:自动生成模板代码

时间:2023-11-09 12:11:31浏览次数:40  
标签:return plop data 代码 fileName path type 模板

(一)大概的步骤:

1.npm安装

2.创建plopfile.js配置文件(配置与步骤3中文件的对应关系)

3.创建相关模板文件

4.package.json中配置运行命令

(二)具体操作如下:

1.安装

npm install --save-dev plop

2.根目录添加plopfile.js文件

function validate(v) {
    if (/[[\u4E00-\u9FA5]|[\uFE30-\uFFA0]|\s]+/.test(v)) {
        return "输入内容不能包含中文和空格";
    } else {
        return true;
    }
}
module.exports = plop => {
    plop.setGenerator("vue", {
        description: "创建vue文件",
        prompts: [
            {
                type: "input",
                name: "moduleName",
                message: "请输入模块名称",
                validate,
            },
            {
                type: "input",
                name: "fileName",
                message: "请输入文件名称",
                validate,
            },
            {
                type: "list",
                name: "path",
                choices: ({ moduleName, fileName }) => {
                    return [`${moduleName}/${fileName}/index`, `${moduleName}/${fileName}`];
                },
                message: "请选择生成方式",
            },
            {
                type: "list",
                name: "apiSty",
                choices: () => {
                    return ["get_post", "restfule"];
                },
                message: "请选择生成API的风格,默认使用get_post风格",
            },
        ],
        actions: (data) => {
            let { path, fileName } = data;
            let spePath = path.replace(/index$/, fileName);
            let apiTemplUrl =
                data.apiSty == "restfule"
                    ? "plop-template/api_restful.hbs"
                    : "plop-template/api_get_post.hbs";
            // console.log(`output->path`, path)
            // console.log(`output->spePath`, spePath)
            const actions = [
                {
                    type: "add",
                    path: `src/views/${path}.vue`,
                    templateFile: "plop-template/vue.hbs",
                    data,
                },
                {
                    type: "add",
                    path: `src/api/${path}.ts`,
                    templateFile: apiTemplUrl,
                    data,
                },
                {
                    type: "add",
                    path: `src/views/${spePath}.ts`,
                    templateFile: "plop-template/vue-ts.hbs",
                    data,
                },
            ];
            return actions;
        },
    });
    plop.setHelper("upperFirstCase", function (text) {
        return text.slice(0, 1).toUpperCase() + text.slice(1).toLowerCase();
    });
}
plopfile.js

3.根目录添加plop-template文件夹,按plopfile.js文件中配置的路径添加模板文件

4.package.json中配置运行命令

 5.使用:

npm run plop

 

标签:return,plop,data,代码,fileName,path,type,模板
From: https://www.cnblogs.com/duanzhenzhen/p/17819417.html

相关文章

  • API低代码开发应用场景​
    什么是API低代码开发平台API低代码开发平台是一种基于低代码开发的技术平台,它可以帮助企业快速构建和部署API应用程序。该平台通过提供可视化的开发工具、预定义的组件和模板、自动化的代码生成等功能,使得开发者可以在不需要编写大量代码的情况下,快速构建出高质量稳定可靠的API应用......
  • Python多线程爬取数据代码模版
    由于对爬虫Ip信息的理解可能存在偏差,我将假设你想要爬取的网站支持Python多线程运行数据。以下是一个简单的Haskell爬虫程序,用于爬取Python多线程跑数据的内容:importNetwork.HTTPimportNetwork.URIimportData.ListimportData.MaybeimportControl.Monad--爬虫爬虫Ip信息......
  • 【无人机三维路径规划】基于熊气味搜索算法BSSA实现复杂地形无人机避障三维航迹规划附
    ✅作者简介:热爱科研的Matlab仿真开发者,修心和技术同步精进,代码获取、论文复现及科研仿真合作可私信。......
  • 2023码尚教育接口自动化框架的实现源码分享pytest+allure+jenkins几乎零代码少量的代
    本框架适合对Pytest有大概认识(比如看完X站3天课程的水平),职场新人没有雄厚的资本去参加专业的培训、功能测试转自动化测试、开发转测试的小伙伴们。首先介绍下这个框架的使用,看看是不是你所需要的。第一步、添加模块PY文件,编写接口代码。classTestJuhe: #upwei:fanfanzb2023......
  • 2023年的低代码:数字化、人工智能、趋势及未来展望
    本文由葡萄城技术团队发布。转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。前言正如许多专家预测的那样,低代码平台在2023年将展现更加强劲的势头。越来越多的企业正在纷纷转向低代码开发,他们希望能够快速开发内部应用程序,并在经济衰......
  • R语言EG(Engle-Granger)两步法协整检验、RESET、格兰杰因果检验、VAR模型分析消费者价
    全文链接:http://tecdat.cn/?p=31108原文出处:拓端数据部落公众号作为衡量通货膨胀的基本指标,消费者价格指数CPI和生产者价格指数PPI的作用关系与传导机制一直是宏观经济研究的核心问题。对此问题的研究显然具有重要的学术价值与现实意义:当PPI先行地引导着CPI的变动,则意味着上游......
  • 《代码大全》阅读笔记05
      随着项目规模的增加,下面这些活动的工作量增长超过线性:交流计划管理需求分析系统功能设计接口设计和规格说明架构集成消除缺陷系统测试文档生成在社交场合,活动越正式,你所穿的服装就会越不舒服(高跟鞋、领带等等)。在软件幵发领域里,项目越正规,你不得不写的文......
  • 管理类iOS软件开发:常见代码与最佳实践
    随着智能手机的日益普及,iOS软件开发成为了当今的热门领域,在开发过程中,管理类代码对于确保应用程序的稳定性和性能至关重要,本文将介绍管理类iOS软件开发中常见的代码及最佳实践,帮助您更好地应对实际开发中的挑战。一、iOS软件开发概述iOS是由苹果公司开发的移动操作系统,广泛应用于iP......
  • 【Git使用】代码拉取及用户名初始化
    代码拉取及用户名初始化......
  • ios软件开发教程与代码分享!
    在这个数字化时代,移动设备已经成为人们生活中不可或缺的一部分,而iOS作为一款优秀的移动操作系统,拥有庞大的用户基础和广阔的市场前景。因此,掌握iOS软件开发对于企业和开发者来说具有重要意义,本文将介绍iOS软件开发的基础知识,并通过实际案例分享相关代码,帮助读者更好地理解和应用。......