写了个代码生成工具,vue + element-ui的可以来瞧瞧

写代码是比较枯燥的,茫茫多的业务代码更加枯燥了,实现需求的时候,特别是一些管理平台,无外乎一些表单、表格、弹框等,项目用的是vue + element-ui

  • eg: 弹框在业务里面几乎是都会用到,下面?这个模版应该是每个弹框的代码都可以公用;平时问了一些朋友同事,大部分都是复制下之前实现的一些需求代码,然后粘贴出来删删改改



复制代码
  • eg: 再来看下表单代码



复制代码

解决方式

  • node 支持读写文件,命令行交互;
  • npm包管理方便,安装使用非常方便
  • 过程中主要用到的一些api和第三方库
    • 预置几套模版
    • fs.writeFileSync(文件路径, 模版字符串)
    • inquirer 这个第三方库 命令行交互特别方便,获取用户输入

使用方法

  • 全局安装:npm i @bs-east/vue-code-generate -g
  • vue-code-generate

  • 会自动复制到剪贴板,粘贴即可

结语

  • 能省个30s吗?
  • github项目地址

你可能感兴趣的:(写了个代码生成工具,vue + element-ui的可以来瞧瞧)