V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
huoye
V2EX  ›  分享创造

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

  •  
  •   huoye · 2021-05-20 09:59:13 +08:00 · 3646 次点击
    这是一个创建于 1261 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    fuep 在线体验

    22 条回复    2021-05-21 17:15:26 +08:00
    yitingbai
        1
    yitingbai  
       2021-05-20 10:23:23 +08:00
    这是伪需求, 首先有很多代码片段管理软件包括 Github 上也有, 可以管理自己常用的代码片段.
    其次别人的代码片段根本没法用, 除了那些通用的工具类, 变量命名不一样,逻辑不一样, 等理解完, 还不如自己写一次
    iikebug
        2
    iikebug  
       2021-05-20 10:29:50 +08:00
    1 楼说的对, 提供的主题还要求 tailwindcss, 这就令人不喜欢了。
    而且 vue2 版本的 element 是不提供 Descriptions 描述列表,设置生成 vue2 代码时,还是直接用 vue3 的组件...
    huoye
        3
    huoye  
    OP
       2021-05-20 10:42:10 +08:00
    @iikebug tailwindcss 确实增加了一些侵入性,使用它主要是考虑到不同的物料之间组合会有样式冲突,其次如果你习惯了 tailwindcss,会有很大的效率提升。
    whileFalse
        4
    whileFalse  
       2021-05-20 10:58:13 +08:00
    你说的这个不是 StackOverflow 吗?
    huoye
        5
    huoye  
    OP
       2021-05-20 10:59:14 +08:00
    @yitingbai 首先回答一下伪需求,下面的回答中代码片段和物料是一个意思。当然可以用 github 托管物料,但是有两个问题。第一,下次要用物料的时候,你知道这个物料到底能渲染出什么样的界面,难道通过物料的名称判断吗,当代码片段越来越多的时候又要怎么去判断呢,所以我做了一个运行时可以实时预览这些代码片段。第二,文中我提到过,物料并不是孤立的,通过可视化布局去组合物料才会带来生产力的提升,这也是 github 无法做到的。
    对于‘别人的代码片段根本没法用’,fuep 中的上传的物料应尽可能的是一个静态界面不应该掺杂业务逻辑,你可以点击物料市场里面的物料看看它生成的代码就知道了。我现在确实没有在上传物料的地方做控制,因为现在你只能使用物料市场的物料和你自己的物料,所以暂时不需要控制。以后等我开发了非官方的物料市场,就需要控制物料足够的纯粹。
    huoye
        6
    huoye  
    OP
       2021-05-20 11:01:40 +08:00
    @whileFalse StackOverflow 是一个问答社区,跟我开发的这个产品完全不一样!
    cominghome
        7
    cominghome  
       2021-05-20 11:10:55 +08:00
    别说前端了,就算后端,一个 time format 都能整出两三个工具类,只要不是 cp cv 即用,所谓的“复用”都是逗自己玩的
    whileFalse
        8
    whileFalse  
       2021-05-20 11:12:40 +08:00
    @huoye 哦我看了一下,所以这个可以看作是“Github 加 Dreamweaver”吗?
    huoye
        9
    huoye  
    OP
       2021-05-20 11:41:36 +08:00
    @cominghome 也许是我没表达清楚,这个工具主要是给前端用的,物料也是已静态界面为主
    rekulas
        10
    rekulas  
       2021-05-20 13:08:42 +08:00
    目前在用 gist 和有道云存片段
    复用确实很重要的,有些常用片段重新去找去整理可能需要 1-3 分钟,存起来 10 秒钟就搞定了,效率大大提升,我所认识的大神都有存片段的习惯
    fffang
        11
    fffang  
       2021-05-20 13:23:35 +08:00
    挺棒的,你这个网站是用什么框架做的?
    huoye
        12
    huoye  
    OP
       2021-05-20 14:17:50 +08:00
    @fffang vue3 vite2 element plus
    danhahaha
        13
    danhahaha  
       2021-05-20 20:40:49 +08:00
    没什么用,我自己平日把常用代码整理到一个笔记中,大概也有几百条了,但是实际情况是,遇到同样问题,我还是直接 google
    lldld
        14
    lldld  
       2021-05-20 22:30:59 +08:00
    有点意思, 有点像 Dreamweaver, 拖拽式生成界面. "代码库"这个名字有点误导.
    jones2000
        15
    jones2000  
       2021-05-20 23:52:34 +08:00
    物料涉及到版权怎么办?
    ming61177
        16
    ming61177  
       2021-05-21 09:32:25 +08:00
    https://ice.work/ 这个?
    huoye
        17
    huoye  
    OP
       2021-05-21 09:36:00 +08:00
    @lldld 是物料库,物料的意思是代码片段
    huoye
        18
    huoye  
    OP
       2021-05-21 09:37:22 +08:00
    @jones2000 现在用户上传的物料只能自己用,并不能分享给其他人,以后如果要做用户的物料市场的话,会加审核的
    huoye
        19
    huoye  
    OP
       2021-05-21 09:38:09 +08:00
    @ming61177 物料的概念确实来自于飞冰,但是飞冰只做文件管理,并不提供布局以及运行时来预览这些文件
    Thinginitself
        20
    Thinginitself  
       2021-05-21 15:25:16 +08:00
    做的蛮好看的~楼主加油!但是感觉做低代码平台都很难,我觉得主要是难以找准目标用户。就是什么样的人会想用这个东西,and 他们用这个东西解决了什么问题。我感觉这个东西做成一个升级版的 bootstrap 挺好的,作为一个不太会前端的程序员,觉得用这个搭个网站应该比自己写方便。。。
    huoye
        21
    huoye  
    OP
       2021-05-21 16:03:22 +08:00
    @Thinginitself 感谢,不过 fuep 不能称作低代码,因为最后的目标产物是代码片段而不是直接可运行的产品。用户也很清晰就是开发者,特别是前端开发者,因为我本身是前端,所以比较清楚前端的需求。随着物料市场里面的物料不断丰富,确实可以帮助后端开发人员快速地搭建好看的页面。
    NathanDo
        22
    NathanDo  
       2021-05-21 17:15:26 +08:00
    做一些 side project 的话还是有用的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4279 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 05:32 · PVG 13:32 · LAX 22:32 · JFK 01:32
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.