基於Vue全家桶開發的前端元件管理平台

專案背景

專案背景是外包類別建站公司裡，設計環節沉澱了大量可重複使用元件，設計師往往只需要微調元件就拼湊出頁面，交付給前端，理論上這些元件在前端也可以重複使用，但實際上前端每次都要重新實現整個頁面，浪費很多人力。

功能需求

這個專案的想法是，將所有元件開發出來，統一錄入到一個平台上管理，設計師可以到平台上挑選元件，並即時預覽和調整元件，整個過程所見即所得，平台會將調整結果產生一串程式碼，只要將程式碼交給前端，就可以用這串程式碼在平台上重現設計師修改後的元件，並能一鍵複製元件的html/css/js程式碼，快速套用到專案中去，使組件部分的前端開發成本接近零。平台需要實現以下幾個功能：

* 管理元件，支援分類、搜尋、排序

* 展示元件，支援元件線上預覽/編輯

* 元件交接，支援產生元件程式碼和基於程式碼重現元件

* 使用統計，支援統計元件的使用情況，以便進一步最佳化元件

技術堆疊

Vue+Vue-router+Vuex

專案預覽

前端元件管理平台

原始碼

Github

 

以上是基於Vue全家桶開發的前端元件管理平台的詳細內容。更多資訊請關注PHP中文網其他相關文章！