項(xiàng)目背景

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

功能需求

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

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

* 展示組件，支持組件在線預(yù)覽/編輯

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

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

技術(shù)棧

Vue+Vue-router+Vuex

項(xiàng)目預(yù)覽

前端組件管理平臺(tái)

源碼

Github

?