基于 Vue 全家桶开发的前端组件管理平台

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 2715 天前的主题，其中的信息可能已经有所发展或是发生改变。

项目背景

项目背景是外包类建站公司里，设计环节沉淀了大量可复用组件，设计师往往只需要微调组件就拼凑出页面，交付给前端，理论上这些组件在前端也可以复用，但实际上前端每次都要重新实现整个页面，浪费很多人力。

功能需求

这个项目的思路是，将所有组件开发出来，统一录入到一个平台上管理，设计师可以到平台上挑选组件，并实时预览和调整组件，整个过程所见即所得，平台会将调整结果生成一串代码，只要将代码交给前端，就可以用这串代码在平台上重现设计师修改后的组件，并能一键复制组件的 html/css/js 代码，快速应用到项目中去，使组件部分的前端开发成本接近于零。平台需要实现以下几个功能：

管理组件，支持分类、搜索、排序
展示组件，支持组件在线预览 /编辑
组件交接，支持生成组件代码和基于代码重现组件
使用统计，支持统计组件的使用情况，便于进一步优化组件

技术栈

Vue+Vue-router+Vuex

项目预览

前端组件管理平台

源码

Github

第 1 条附言 · 2017-06-20 15:20:36 +08:00

链接确实给错了，应该是这个： http://refined-x.com/WidgetsPlayground

第 2 条附言 · 2017-06-21 09:30:02 +08:00

随意输入邮箱登录的bug改了，感谢反馈。

另外发现有fork代码后在自己本地跑的，这个我是支持的，但提醒一下先去野狗云注册个账号，然后把app/wilddogio.js里的key改成自己的先，因为我也是用的免费账号，流量有限。。。

组件

代码

前端

平台

11 条回复 • 2017-06-21 09:01:16 +08:00

123s

2017-06-20 13:14:48 +08:00

404

paloalto

2017-06-20 13:22:50 +08:00

@123s http://refined-x.com/WidgetsPlayground/

paloalto

2017-06-20 13:23:40 +08:00

大小写敏感，楼主帖子里链接地址写的是 widgetsPlayground，实际为 WidgetsPlayground

paloalto

2017-06-20 13:27:48 +08:00

另外，不用注册帐号，邮箱和密码随便填写即可。

paloalto

2017-06-20 13:45:19 +08:00

整体思路不错。试着用了下，感觉更像是一个自家公司内部定制化的管理后台，其他人通用性不高。

我的一个想法是这样，做一个（可能是）东半球最大的<strong>前端组件分享平台</strong>。不局限于自己公司内部，参考 codepen，开放整个平台，用户注册后，可以发布自己的 React / Vue 组件，可以根据关键词和 tag 搜索组件并预览效果、查看组件代码，直接把代码拿去用，或者 fork 一份自己改。