自动生成 Vue+ElementUI 增删改查代码插件

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 1330 天前的主题，其中的信息可能已经有所发展或是发生改变。

webpack 插件，目的是为了在简单的 CURD 动作中减少Ctrl+c和 Ctrl+v。

webpack配置文件或 Vue-Cli配置文件中配置一下下，即可生成对应目录中的代码。可配置数据 Model，增删改查四项功能搭配，请求配置与自定义等

npm install curd-vue-element-plugin -D

const CurdVueElementPlugin = require('curd-vue-element-plugin')

plugins: [
  new CurdVueElementPlugin({
    baseDir: './src',
    options: [{
      name: 'project',
      service: ['list', 'add', 'update', 'del'],
      component: {
        primaryKey: 'id',
        model: [{
          name: 'name',
          text: '姓名',
          isSearch: true
        }, {
          name: 'sex',
          text: '性别'
        }, {
          name: 'telephone',
          text: '手机号码',
          isSearch: true
        }, {
          name: 'email',
          text: '邮箱'
        }, {
          name: 'address',
          text: '地址',
          isEdit: false
        }]
      }
    },
    {
    //……options
    },
    {
    //……options
    }]
  })
]

详见 curd-vue-element-plugin

2 条回复 • 2020-09-04 10:56:54 +08:00

NikoXu

2020-09-04 10:14:41 +08:00

能定义模版吗

Marstin

2020-09-04 10:56:54 +08:00

@NikoXu 不能