項目背景

項目背景是外包類建站公司里，設計環(huán)節(jié)沉淀了大量可復用組件，設計師往往只需要微調組件就拼湊出頁面，交付給前端，理論上這些組件在前端也可以復用，但實際上前端每次都要重新實現(xiàn)整個頁面，浪費很多人力。

功能需求

這個項目的思路是，將所有組件開發(fā)出來，統(tǒng)一錄入到一個平臺上管理，設計師可以到平臺上挑選組件，并實時預覽和調整組件，整個過程所見即所得，平臺會將調整結果生成一串代碼，只要將代碼交給前端，就可以用這串代碼在平臺上重現(xiàn)設計師修改后的組件，并能一鍵復制組件的html/css/js代碼，快速應用到項目中去，使組件部分的前端開發(fā)成本接近于零。平臺需要實現(xiàn)以下幾個功能：

* 管理組件，支持分類、搜索、排序

* 展示組件，支持組件在線預覽/編輯

* 組件交接，支持生成組件代碼和基于代碼重現(xiàn)組件

* 使用統(tǒng)計，支持統(tǒng)計組件的使用情況，便于進一步優(yōu)化組件

技術棧

Vue+Vue-router+Vuex

項目預覽

前端組件管理平臺

源碼

Github

?