基于Vue全家桶開發的前端組件管理平臺

項目背景

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

功能需求

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

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

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

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

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

技術棧

Vue+Vue-router+Vuex

項目預覽

前端組件管理平臺

源碼

Github

來源:itnose

 

上一篇: HTML5-入門2。

下一篇: css3+javascript旋轉的3d盒子

分享到: 更多
赛车北京pk10网址 牌九大小顺序排列图片 最新版百人棋牌 竞猜足球比分直播 pk10对刷流水不输本金 比分直播188直 pk10每期必中万能6码p 分分彩挂机必死 四人斗地主规则一副牌 江苏时时预测软件下载 超级大乐透中奖规则图 幸运飞艇助彩计划 重庆时时彩开奖直播 下载安装够力七星彩奖表app 大发快三骗局揭秘 抢庄牛牛游戏斗牛牛