将 1000 个你常用的代码片段装进物料库 - V2EX
爱意满满的作品展示区。
huoye

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

  •  
  •   huoye May 20, 2021 4231 views
    This topic created in 1830 days ago, the information mentioned may be changed or developed.

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

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

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

    fuep 在线体验

    22 replies    2021-05-21 17:15:26 +08:00
    yitingbai
        1
    yitingbai  
       May 20, 2021
    这是伪需求, 首先有很多代码片段管理软件包括 Github 上也有, 可以管理自己常用的代码片段.
    其次别人的代码片段根本没法用, 除了那些通用的工具类, 变量命名不一样,逻辑不一样, 等理解完, 还不如自己写一次
    iikebug
        2
    iikebug  
       May 20, 2021
    1 楼说的对, 提供的主题还要求 tailwindcss, 这就令人不喜欢了。
    而且 vue2 版本的 element 是不提供 Descriptions 描述列表,设置生成 vue2 代码时,还是直接用 vue3 的组件...
    huoye
        3
    huoye  
    OP
       May 20, 2021
    @iikebug tailwindcss 确实增加了一些侵入性,使用它主要是考虑到不同的物料之间组合会有样式冲突,其次如果你习惯了 tailwindcss,会有很大的效率提升。
    whileFalse
        4
    whileFalse  
       May 20, 2021
    你说的这个不是 StackOverflow 吗?
    huoye
        5
    huoye  
    OP
       May 20, 2021
    @yitingbai 首先回答一下伪需求,下面的回答中代码片段和物料是一个意思。当然可以用 github 托管物料,但是有两个问题。第一,下次要用物料的时候,你知道这个物料到底能渲染出什么样的界面,难道通过物料的名称判断吗,当代码片段越来越多的时候又要怎么去判断呢,所以我做了一个运行时可以实时预览这些代码片段。第二,文中我提到过,物料并不是孤立的,通过可视化布局去组合物料才会带来生产力的提升,这也是 github 无法做到的。
    对于‘别人的代码片段根本没法用’,fuep 中的上传的物料应尽可能的是一个静态界面不应该掺杂业务逻辑,你可以点击物料市场里面的物料看看它生成的代码就知道了。我现在确实没有在上传物料的地方做控制,因为现在你只能使用物料市场的物料和你自己的物料,所以暂时不需要控制。以后等我开发了非官方的物料市场,就需要控制物料足够的纯粹。
    huoye
        6
    huoye  
    OP
       May 20, 2021
    @whileFalse StackOverflow 是一个问答社区,跟我开发的这个产品完全不一样!
    cominghome
        7
    cominghome  
       May 20, 2021
    别说前端了,就算后端,一个 time format 都能整出两三个工具类,只要不是 cp cv 即用,所谓的“复用”都是逗自己玩的
    whileFalse
        8
    whileFalse  
       May 20, 2021
    @huoye 哦我看了一下,所以这个可以看作是“Github 加 Dreamweaver”吗?
    huoye
        9
    huoye  
    OP
       May 20, 2021
    @cominghome 也许是我没表达清楚,这个工具主要是给前端用的,物料也是已静态界面为主
    rekulas
        10
    rekulas  
       May 20, 2021
    目前在用 gist 和有道云存片段
    复用确实很重要的,有些常用片段重新去找去整理可能需要 1-3 分钟,存起来 10 秒钟就搞定了,效率大大提升,我所认识的大神都有存片段的习惯
    fffang
        11
    fffang  
       May 20, 2021
    挺棒的,你这个网站是用什么框架做的?
    huoye
        12
    huoye  
    OP
       May 20, 2021
    @fffang vue3 vite2 element plus
    danhahaha
        13
    danhahaha  
       May 20, 2021
    没什么用,我自己平日把常用代码整理到一个笔记中,大概也有几百条了,但是实际情况是,遇到同样问题,我还是直接 google
    lldld
        14
    lldld  
       May 20, 2021
    有点意思, 有点像 Dreamweaver, 拖拽式生成界面. "代码库"这个名字有点误导.
    jones2000
        15
    jones2000  
       May 20, 2021
    物料涉及到版权怎么办?
    ming61177
        16
    ming61177  
       May 21, 2021
    huoye
        17
    huoye  
    OP
       May 21, 2021
    @lldld 是物料库,物料的意思是代码片段
    huoye
        18
    huoye  
    OP
       May 21, 2021
    @jones2000 现在用户上传的物料只能自己用,并不能分享给其他人,以后如果要做用户的物料市场的话,会加审核的
    huoye
        19
    huoye  
    OP
       May 21, 2021
    @ming61177 物料的概念确实来自于飞冰,但是飞冰只做文件管理,并不提供布局以及运行时来预览这些文件
    Thinginitself
        20
    Thinginitself  
       May 21, 2021
    做的蛮好看的~楼主加油!但是感觉做低代码平台都很难,我觉得主要是难以找准目标用户。就是什么样的人会想用这个东西,and 他们用这个东西解决了什么问题。我感觉这个东西做成一个升级版的 bootstrap 挺好的,作为一个不太会前端的程序员,觉得用这个搭个网站应该比自己写方便。。。
    huoye
        21
    huoye  
    OP
       May 21, 2021
    @Thinginitself 感谢,不过 fuep 不能称作低代码,因为最后的目标产物是代码片段而不是直接可运行的产品。用户也很清晰就是开发者,特别是前端开发者,因为我本身是前端,所以比较清楚前端的需求。随着物料市场里面的物料不断丰富,确实可以帮助后端开发人员快速地搭建好看的页面。
    NathanDo
        22
    NathanDo  
       May 21, 2021
    做一些 side project 的话还是有用的
    About     Help     Advertise     Blog     API     FAQ     Solana     1169 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 50ms UTC 23:38 PVG 07:38 LAX 16:38 JFK 19:38
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86