不愧是尤大推荐的 ui 库, naive-ui 果然强大。 - V2EX
请不要在回答技术问题时复制粘贴 AI 生成的内容
wuzhanggui

不愧是尤大推荐的 ui 库, naive-ui 果然强大。

  •  
  •   wuzhanggui Sep 18, 2024 13626 views
    This topic created in 600 days ago, the information mentioned may be changed or developed.

    很早就听说过 naive-ui ,因为自己写用的最多的是 element-ui ,所以没去真正使用过 naive ,最近用它开源了一个后台管理的模板 DEMO 虽然只用了它的几个组件,但是使用体验还挺好的,不会手动去引入各种全局 css ,ui 风格也很简洁,如果使用 ts 加 tsx 来写的话,体验应该拉满了。

    文档写的也是非常易懂的,强烈推荐哇。

    51 replies    2024-09-18 21:05:57 +08:00
    encro
        1
    encro  
       Sep 18, 2024   1
    可以试一下 vben-admin 。。。体验也不错。
    encro
        2
    encro  
       Sep 18, 2024   1
    crocoBaby
        3
    crocoBaby  
       Sep 18, 2024   1
    @encro 如果只用不改的话还好,但是要改的话就是垃圾
    1016
        4
    1016  
       Sep 18, 2024
    我现在开发的 CRM 和 CMS 就是用的 naive-ui 用这个非常不舒服,我觉得还是 antv 是最舒服的。
    wuzhanggui
        5
    wuzhanggui  
    OP
       Sep 18, 2024
    @1016 他这个用好的话类型提示非常友好,用 ts 的应该很喜欢
    wuzhanggui
        6
    wuzhanggui  
    OP
       Sep 18, 2024
    @encro #1 功能太多不喜欢,还是我这个简洁强大
    um1ng
        7
    um1ng  
       Sep 18, 2024
    @wuzhanggui 赞同,如果业务部太复杂,这个就够了
    strawberrydafu
        8
    strawberrydafu  
       Sep 18, 2024   1
    naive ui 最喜欢的是文档 读着很有趣 用例也详实
    um1ng
        9
    um1ng  
       Sep 18, 2024
    不复杂的话
    checkzhzzzzz
        10
    checkzhzzzzz  
       Sep 18, 2024
    基于 Naiveui 的 soybean 也还行,页面简洁,还带国际化
    coolmint
        11
    coolmint  
       Sep 18, 2024
    去年拍脑门选的 naive ,用下来确实还可以
    shimada666
        12
    shimada666  
       Sep 18, 2024
    vben-admin 封装太过了 上手难度把我劝退了
    BeijingBaby
        13
    BeijingBaby  
       Sep 18, 2024
    看了 1 楼的 demo ,这个美观度,个人不喜欢
    A3m0n
        14
    A3m0n  
       Sep 18, 2024
    我也是从 element 转到 naive 的,一开始用最别扭的还是 DataTable ,一有点自定义的功能就要搬出 h 函数。

    现在越用越爽了。
    huangliu
        15
    huangliu  
       Sep 18, 2024
    我也用的 naive ,element 审美疲劳了
    Bazingal
        16
    Bazingal  
       Sep 18, 2024
    刚开始出来的时候就注意到了,主要是官方自己整活,Too Simple Sometimes Naive ,公司名叫 TuSimple ,出个 UI 叫 NaiveUI
    jqtmviyu
        17
    jqtmviyu  
       Sep 18, 2024
    可以是我太菜了, 很多地方都要用 h 函数. 习惯了 element 和 ant 那种便利性.
    herozzm
        18
    herozzm  
       Sep 18, 2024
    naive-ui 文档很多地方不完善,很糟糕的体验
    asLw0P981N0M0TCC
        19
    asLw0P981N0M0TCC  
       Sep 18, 2024
    TS 的看的头晕 好麻烦啊 各种封装
    asLw0P981N0M0TCC
        20
    asLw0P981N0M0TCC  
       Sep 18, 2024
    @checkzhzzzzz 这个确实好看
    cslive
        21
    cslive  
       Sep 18, 2024
    之前不是推荐的 vuetify ,现在这个又不火了吗
    zzzzhan
        22
    zzzzhan  
       Sep 18, 2024   1
    楼上说最喜欢文档的感觉没深入用过,有些组件源码更新了,文档却没有更新,然后出现和文档不一致的行为,debug 的时候头大
    Anivial
        23
    Anivial  
       Sep 18, 2024
    这风格一看就很像 Ant design
    shubo83
        24
    shubo83  
       Sep 18, 2024
    @A3m0n 我刚用,也是发现很多地方需要 h 函数解决,代码不够精简,这是为啥?
    A3m0n
        25
    A3m0n  
       Sep 18, 2024
    wzwwzw
        26
    wzwwzw  
       Sep 18, 2024
    @shubo83 多尝试用 tsx jsx 会更爽。
    mrcotter2013
        27
    mrcotter2013  
       Sep 18, 2024 via iPhone
    最近的小项目在尝试 shadcn-vue ,如果是 react 就直接用 shadcn 。
    Jaosn
        28
    Jaosn  
       Sep 18, 2024
    天花板还是 antd
    jiayouzl
        29
    jiayouzl  
       Sep 18, 2024
    @herozzm 我去年用 naive-ui 写了个不大不小的项目官方稳定可以啊,基本没踩坑.
    ZGame
        30
    ZGame  
       Sep 18, 2024
    @encro #1 vben-admin 类似结构架子(他内部引入了 naive-ui,element 等其他)。。 还是不一样的定位
    wuzhanggui
        31
    wuzhanggui  
    OP
       Sep 18, 2024
    @A3m0n #14 模板语法不也是转成 h 函数,直接写用起来不要太爽
    wuzhanggui
        32
    wuzhanggui  
    OP
       Sep 18, 2024
    @Jaosn 这个还没用过呢,他不是 react 的库嘛,社区出的一个 vue 的,感觉不靠谱就没去看过
    Leeeeex
        33
    Leeeeex  
    PRO
       Sep 18, 2024


    作者写的这个挺有意思的, 我还专门看了一遍
    encro
        34
    encro  
       Sep 18, 2024
    @ZGame 确实是对 antdv 进行了包装的架子,“内部引入 naive-ui,element“这个真没有。
    nicoljiang
        35
    nicoljiang  
    PRO
       Sep 18, 2024
    看了一下官网,基础审美实在是一言难尽。
    ZGame
        36
    ZGame  
       Sep 18, 2024
    @encro #34 哥们你确定没有吗.... 我都在照着他的架子再写一个 react 版本...
    collen
        37
    collen  
       Sep 18, 2024
    一坨,等你要做定制化奇怪的 UI 的时候就知道了
    encro
        38
    encro  
       Sep 18, 2024
    @ZGame

    尴尬了,我用的 2.0 版本。主要是基于 antd-vue 。
    现在好家伙,直接跳 5.0 了。
    weijancc
        39
    weijancc  
       Sep 18, 2024
    太丑了
    gotOwt
        40
    gotOwt  
       Sep 18, 2024
    tsx => naive-ui
    template => element-ui
    个人是这么觉得的
    SmiteChow
        41
    SmiteChow  
       Sep 18, 2024
    前端娱乐圈
    fatDex
        42
    fatDex  
       Sep 18, 2024
    @Bazingal 哈哈哈,太能整了。
    07akioni
        43
    07akioni  
       Sep 18, 2024   18
    我是作者,最近一年多其实忙的只能抽空维护了。

    各种好评和差评我也都见过,其实归根结底就是一个事:
    需求太多样了,任何组件库都只能满足一部分人的需求,选个合适的用就好。

    真的要比优势和劣势也尽量在同一个维度比,只比某个维度的话确实可以分出好坏来。
    g0blin
        44
    g0blin  
       Sep 18, 2024
    @Bazingal 现在查无此号了
    yrj
        45
    yrj  
       Sep 18, 2024
    很早之前用过 naive ui 但好像是因为有些组件卡卡的,就换 arco 了
    yrj
        46
    yrj  
       Sep 18, 2024
    demo 登录页,登录框的阴影太重了,淡一些,在给点透明+模糊,高级感就上来了
    ZGame
        47
    ZGame  
       Sep 18, 2024
    @07akioni 组件库还是很强大,有点复刻 antd 的那种感觉。不过对于个人来说,能搞一套类似 shadcn 这种的形成自己的一套组件库更加舒服
    07akioni
        48
    07akioni  
       Sep 18, 2024
    @ZGame 仔细看看会发现功能更多 [狗头]
    07akioni
        49
    07akioni  
       Sep 18, 2024
    @ZGame shadcn 确实更适合独立的项目开发(在功能不是特别复杂的前提下),因为 tailwind ,还有源码引入的方式,如果功能复杂起来了,用户就会被迫在选择一个内置功能更强的库。

    面多了加水,水多了加面。
    dabaibai
        50
    dabaibai  
       Sep 18, 2024
    支持 nuxt3 ssr 吗?
    horizon
        51
    horizon  
       Sep 18, 2024
    那你应该用 nextjs + shadcn/ui
    About     Help     Advertise     Blog     API     FAQ     Solana     1081 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 129ms UTC 22:57 PVG 06:57 LAX 15:57 JFK 18:57
    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