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

功能需求

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

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

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

* 組件交接，支持生成組件代碼和基于代碼重現組件

* 使用統計，支持統計組件的使用情況，便于進一步優化組件

技術棧

Vue+Vue-router+Vuex

項目預覽

前端組件管理平臺

源碼

Github

?

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