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

[tower1229]

项目背景

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

功能需求

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

• 管理组件，支持分类、搜索、排序

• 展示组件，支持组件在线预览 /编辑

• 组件交接，支持生成组件代码和基于代码重现组件

• 使用统计，支持统计组件的使用情况，便于进一步优化组件

技术栈

Vue+Vue-router+Vuex

项目预览

前端组件管理平台

源码

Github

[123s]

404

[paloalto]

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

[paloalto]

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

[paloalto]

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

[paloalto]

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

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

[tower1229]

@paloalto 哎？随便填登不进去吧，还是得注册的，注册时可以随便填，但是随便填的邮箱会收不到验证码，所以每次登入都会提醒未验证

[cesar]

@paloalto 带上 angular2，LOL

[sobigfish]

呃，虽然你是作者，但那个 Flow-UI 只授权 GPL 的协议的前提下
MIT 的协议冲突了吧

[paloalto]

@tower1229 随便输入邮箱和密码，点击登录按钮会报错，然后顶部的错误提示关掉就自动登录了。
操作过程 gif 图：

[tower1229]

@paloalto 呀呀呀，捂脸

[tower1229]

@sobigfish 嗯是的，我这就去改成 GPL 协议