• 请不要在回答技术问题时复制粘贴 AI 生成的内容
wuzhanggui
V2EX  ›  程序员

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

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

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


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

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

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

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

    面多了加水,水多了加面。
    dabaibai
    dabaibai
    Sep 18, 2024
    50
    支持 nuxt3 ssr 吗?
    horizon
    horizon
    Sep 18, 2024
    51
    那你应该用 nextjs + shadcn/ui
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1472 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 104ms · UTC 19:01 · PVG 03:01 · LAX 11:01 · JFK 14:01
    ♥ Do have faith in what you're doing.