基于Vue全家桶開發(fā)的前端組件管理平臺(tái)

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

功能需求

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

?

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com