基于vue-elementUI开发的表单代码生成器

简介

Element UI表单设计及代码生成器,可将生成的代码直接运行在基于Element的vue项目中;也可导出JSON表单,使用配套的解析器将JSON解析成真实的表单。

在线预览地址

JSON解析器

将保存在数据库中的JSON表单,解析成真实的表单
查看在线示例

// 安装
npm i form-gen-parser

vscode插件

帮助使用element UI的开发者完成基本的表单代码搭建任务,减少重复的劳动。
vscode-plugin分支配套插件为:form-generator-plugin;
使用插件可右键打开设计器,直接将代码保存到工程中。
安装插件请在vscode中搜索:

jakHuang

Form Generator Plugin

运行

  • 确保已经安装node.js 10+
  • 首次下载项目后,安装项目依赖:
yarn

npm install
  • 本地开发
npm run dev
  • 构建
npm run build

你可能感兴趣的:(web开发,vue.js,elementui,前端)