Element UI form design and code generator can run the generated code directly in Element-based vue projects; it can also export JSON forms and use the supporting parser to parse JSON into real forms.
[Domestic preview address] [International preview address]
[github warehouse] [code cloud warehouse]
Supporting vscode plug-in
Supporting JSON parser
Encapsulation and calling of el-dialog
Analysis of the main structure of the project
[FAQ] How to integrate monaco editor with npm
Series of tutorials: "Form Designer · Development Tutorial" "Form Parser · Development Tutorial" "Vue Code Generator · Development Tutorial" "Vue Code Previewer · Development Tutorial"
JSON form parameter comparison table
Parse the JSON form saved in the database into a real form. View online examples
// 安装 npm i form-gen-parser
More information
Help developers using element UI complete basic form code building tasks and reduce repetitive work.
The supporting plug-in for the vscode-plugin branch is: form-generator-plugin;
Using the plug-in, you can right-click to open the designer and save the code directly to the project.
To install the plug-in, please search in vscode:
jakHuang
or
Form Generator Plugin
Make sure node.js 10+ is installed
After downloading the project for the first time, install the project dependencies:
yarn
or
npm install
local development
npm run dev
Build
npm run build
QQ group 976154366 [Full] 1137173566 [Full] 514953560 [Group 3]
vue-admin-beautiful - enterprise-level, universal mid-end, back-end and front-end solution (based on the latest version of vue/cli 4, supporting computers, mobile phones, and tablets)
vue-admin-beautiful - online demonstration
pl-table ——Perfectly solves the problem of rendering lag of element's tens of thousands table data
go-admin
IWANABETHATGUY
MIT