在平常的開發工做中，表單開發是較爲繁瑣且重複的。本文介紹一個我本身寫的，提升開發效率的小工具。html
1 可視化設計器前端
設計器基於Element UI ，可經過點擊或拖拽的方式設計基本表單， 設計器生成的代碼可直接運行在基於 Element 的 vue 項目中。vue
- github倉庫 https://github.com/JakHuang/form-generator
- 碼雲倉庫 https://gitee.com/mrhj/form-generator
- 演示地址 https://mrhj.gitee.io/form-generator/#/
2 特色git
- 可視化設計表單
- 一鍵生成原生的vue單頁表單代碼，保持100%拓展性
- 在線編輯器修改生成的代碼，並實時預覽
- 表單柵格化佈局
- 支持表單校驗
- 快速查閱組件的官方文檔
3 vscode插件github
在上文的設計器的基礎上，封裝了一個vscode插件。突破網頁不能寫入文件的限制。web
安裝插件請在vscode中搜索：編輯器
jakHuang
或
Form Generator Plugin工具
- 插件源碼 https://github.com/JakHuang/form-generator-plugin
- 插件使用的設計器源碼 https://github.com/JakHuang/form-generator/tree/vscode-plugin
5 交流佈局
- QQ羣 976154366
關於前端和web開發的相關的問題都歡迎哦插件
原文出處：https://www.cnblogs.com/hijimi/p/12177775.html