V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
wuzhanggui
V2EX  ›  程序员

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

  •  
  •   wuzhanggui · 100 天前 · 10924 次点击
    这是一个创建于 100 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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


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

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

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

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

    面多了加水,水多了加面。
    dabaibai
        50
    dabaibai  
       99 天前
    支持 nuxt3 ssr 吗?
    horizon
        51
    horizon  
       99 天前
    那你应该用 nextjs + shadcn/ui
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3412 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 04:57 · PVG 12:57 · LAX 20:57 · JFK 23:57
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.