将 1000 个你常用的代码片段装进物料库

[huoye]

我观察到一个现象：开发者们经常会开发相似度很高的页面，这些页面有一部分的界面是很相似的。但是由于之前的页面添加了大量业务逻辑，导致很难通过复制粘贴的方式复用代码。

所以，我产生了一个绝妙的想法，正如标题所说：“将 1000 个你常用的代码片段装进物料库”。在开发产品的过程中，我发现常用的代码片段颗粒度可以很小也可以很大，小到一个标题的样式大到一整个页面（例如登录）。所以在保存代码片段的基础上，我完成了一个可视化布局，你可以通过可视化布局去组装你的代码片段。

除了管理你的代码片段，我还会提供一个物料市场，那里有一些好看的主题，你可以直接拿来用。

fuep 在线体验

[yitingbai]

这是伪需求, 首先有很多代码片段管理软件包括 Github 上也有, 可以管理自己常用的代码片段.
其次别人的代码片段根本没法用, 除了那些通用的工具类, 变量命名不一样,逻辑不一样, 等理解完, 还不如自己写一次

[iikebug]

1 楼说的对， 提供的主题还要求 tailwindcss, 这就令人不喜欢了。
而且 vue2 版本的 element 是不提供 Descriptions 描述列表，设置生成 vue2 代码时，还是直接用 vue3 的组件...

[huoye]

@iikebug tailwindcss 确实增加了一些侵入性，使用它主要是考虑到不同的物料之间组合会有样式冲突，其次如果你习惯了 tailwindcss，会有很大的效率提升。

[whileFalse]

你说的这个不是 StackOverflow 吗？

[huoye]

@yitingbai 首先回答一下伪需求，下面的回答中代码片段和物料是一个意思。当然可以用 github 托管物料，但是有两个问题。第一，下次要用物料的时候，你知道这个物料到底能渲染出什么样的界面，难道通过物料的名称判断吗，当代码片段越来越多的时候又要怎么去判断呢，所以我做了一个运行时可以实时预览这些代码片段。第二，文中我提到过，物料并不是孤立的，通过可视化布局去组合物料才会带来生产力的提升，这也是 github 无法做到的。
对于‘别人的代码片段根本没法用’，fuep 中的上传的物料应尽可能的是一个静态界面不应该掺杂业务逻辑，你可以点击物料市场里面的物料看看它生成的代码就知道了。我现在确实没有在上传物料的地方做控制，因为现在你只能使用物料市场的物料和你自己的物料，所以暂时不需要控制。以后等我开发了非官方的物料市场，就需要控制物料足够的纯粹。

[huoye]

@whileFalse StackOverflow 是一个问答社区，跟我开发的这个产品完全不一样！

[cominghome]

别说前端了，就算后端，一个 time format 都能整出两三个工具类，只要不是 cp cv 即用，所谓的“复用”都是逗自己玩的

[whileFalse]

@huoye 哦我看了一下，所以这个可以看作是“Github 加 Dreamweaver”吗？

[huoye]

@cominghome 也许是我没表达清楚，这个工具主要是给前端用的，物料也是已静态界面为主

[rekulas]

目前在用 gist 和有道云存片段
复用确实很重要的，有些常用片段重新去找去整理可能需要 1-3 分钟，存起来 10 秒钟就搞定了，效率大大提升，我所认识的大神都有存片段的习惯

[fffang]

挺棒的，你这个网站是用什么框架做的？

[huoye]

@fffang vue3 vite2 element plus

[danhahaha]

没什么用，我自己平日把常用代码整理到一个笔记中，大概也有几百条了，但是实际情况是，遇到同样问题，我还是直接 google

[lldld]

有点意思, 有点像 Dreamweaver, 拖拽式生成界面. "代码库"这个名字有点误导.

[jones2000]

物料涉及到版权怎么办？

[ming61177]

https://ice.work/ 这个？

[huoye]

@lldld 是物料库，物料的意思是代码片段

[huoye]

@jones2000 现在用户上传的物料只能自己用，并不能分享给其他人，以后如果要做用户的物料市场的话，会加审核的

[huoye]

@ming61177 物料的概念确实来自于飞冰，但是飞冰只做文件管理，并不提供布局以及运行时来预览这些文件

[Thinginitself]

做的蛮好看的~楼主加油！但是感觉做低代码平台都很难，我觉得主要是难以找准目标用户。就是什么样的人会想用这个东西，and 他们用这个东西解决了什么问题。我感觉这个东西做成一个升级版的 bootstrap 挺好的，作为一个不太会前端的程序员，觉得用这个搭个网站应该比自己写方便。。。