簡介

form-generator 開源Element UI表單設計及代碼生成器

github 地址：

https://github.com/JakHuang/form-generator

github star: 134+

最新版本：0.1.0，MIT 協議

主要技術棧

vue2

vue-cli4

element-ui

vuedraggable

功能列表

可視化設計表單

一鍵生成原生的vue單頁表單代碼，100%拓展性

在線編輯器修改生成的代碼，並實時預覽

表單柵格化布局

支持表單校驗

快速查閱組件的官方文檔

項目截圖

本地開發

# 下載源碼

git clone https://github.com/JakHuang/form-generator.git

# 進入項目

cd form-generator

# 安裝依賴

npm install

# 本地啓動

npm run dev

# 本地編譯

npm run build

(文檔地址如下:)

https://github.com/JakHuang/form-generator/wiki/el-dialog%E7%9A%84%E5%B0%81%E8%A3%85%E4%B8%8E%E8%B0%83%E7%94%A8

文檔主要內容：

el dialog的封裝與調用

PS

這個開源項目對常用的利用Element UI 的組件進行的頁面開發來說已經夠用，導出vue文件，然後手動刪掉一些代碼生成器多余的代碼，就可以導入到自己的vue elementUI項目快速開發出頁面，挺好的一個開源項目，哈哈懶人福利。