這多是目前最好的vue代碼生成工具

1 項目介紹

Esview是一款拖拽組件生成頁面的工具，而且能夠生成vue代碼。

包含拖拽生成頁面、頁面管理、組件管理等功能。

前端採用vue和iview，生成的代碼必須安裝vue和iview才能使用，

後臺採用java（springboot）做爲持久層，保存生成的頁面、建立的組件。

3 GITHUB | DEMO

4 文檔(點我)

5 原理

如何實現拖拽：html源生api，代碼在dnd.js。

如何生成代碼：拖拽生成的頁面，背後是一個樹形的結構，經過解析語法樹生成最終的.vue代碼。

組件的屬性編輯影響組件樣式：vue會監聽這棵屬性結構的全部屬性，當屬性被編輯事後，vue會更新整個頁面。

6 安裝

前端: Esview使用webpack和vue、iview，因此必須安裝他們和nodejs，下載本項目後npm install,npm run dev就能啓動dev 模式。
dev模式不須要安裝後端。

後端: 使用Java（springboot）,因此你必須先安裝jdk.

數據庫: mysql,數據庫表文件在'server'目錄下,名字叫 'soul-esview.sql'.

7 結語

Esview會持續開發更多的功能，但願你們多提意見！