基于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
posted @ 2024-02-05 10:47  Tom19971220  阅读(134)  评论(0编辑  收藏  举报  来源
个人网站