vue開源Element UI表單設計及代碼生成器

在平常的開發工做中,表單開發是較爲繁瑣且重複的。本文介紹一個我本身寫的,提升開發效率的小工具。前端

1 可視化設計器vue

設計器基於Element UI ,可經過點擊或拖拽的方式設計基本表單, 設計器生成的代碼可直接運行在基於 Element 的 vue 項目中。git

2 特色github

  • 可視化設計表單
  • 一鍵生成原生的vue單頁表單代碼,保持100%拓展性
  • 在線編輯器修改生成的代碼,並實時預覽
  • 表單柵格化佈局
  • 支持表單校驗
  • 快速查閱組件的官方文檔

3 vscode插件web

 在上文的設計器的基礎上,封裝了一個vscode插件。突破網頁不能寫入文件的限制。編輯器

安裝插件請在vscode中搜索:工具

jakHuang

Form Generator Plugin佈局

 

5 交流插件

  • QQ羣 976154366

關於前端和web開發的相關的問題都歡迎哦設計

相關文章
相關標籤/搜索