一飞开源
阅读366

[开源]基于 Vite 构建 京东风格移动端 Vue2&3 组件库(支持小程序)

一飞开源,介绍创意、新奇、有趣、实用的开源应用、系统、软件、硬件及技术,一个探索、发现、分享、使用与互动交流的开源技术社区平台。致力于打造活力开源社区,共建开源新生态!

一、开源项目简介

图片

京东风格的轻量级 Vue 组件库,支持移动端 H5 和 小程序开发

Nut[nʌt],源自电影《冰河世纪》里松鼠 Scrat "执迷不悟",一生追求,即便引发大灾难也绝不松手的坚果。

二、开源协议

使用MIT开源协议

三、界面展示

图片

图片

图片

四、功能概述

特性

  • 70+ 高质量组件,覆盖移动端主流场景

  • 支持一套代码同时开发 H5+多端小程序

  • 基于京东APP 10.0 视觉规范

  • 支持按需引用

  • 详尽的文档和示例

  • 支持 TypeScript

  • 支持服务端渲染(测试阶段)

  • 支持组件级别定制主题,内置 700+ 个变量

  • 国际化支持,已支持英文,印尼语和繁体中文

  • 单元测试覆盖率超过 80%,保障稳定性

  • 提供 Sketch 设计资源

五、技术选型

基于 vite 构建 京东风格移动端 Vue2、Vue3、组件库(支持小程序开发)。

@nutui/nutui

适用于移动端 H5 页面开发

@nutui/nutui-taro

支持开发 Taro 多端小程序(微信、支付宝、京东等小程序)和 Taro-H5 项目

官方生态

由 NutUI 官方团队维护的项目如下:

项目

描述

@nutui/nutui

NutUI 移动端 H5 版本

@nutui/nutui-taro

NutUI Taro 多端版本

@nutui/icons-vue

@nutui/nutui 使用的图标库

@nutui/icons-vue-taro

@nutui/nutui-taro 使用的图标库

@nutui/touch-emulator

在桌面端使用 NutUI 的辅助库

@nutui/auto-import-resolver

unplugin-auto-import 插件的 reolver 配置

@nutui/playground

NutUI 在线 Playground

nutui-demo

NutUI 官方示例合集

社区生态

由社区维护的项目如下:

项目

描述

nutui-uniapp

基于 NutUI 4.x 版本开发的 uni-app 组件库

jwaterwater/uni-nutui

基于 NutUI 3.x 版本开发的 uni-app 组件库

Taro 是由京东 - 凹凸实验室打造的一套开放式跨端跨框架解决方案。

Taro 支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。

现如今市面上端的形态多种多样,Web、React Native、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。

六、源码地址

源码下载

关注下面的标签,发现更多相似文章

一飞开源
发布了 篇专栏 · 获取点赞 · 获取阅读

评论

查看更多
相关推荐
关于作者
一飞开源
获得点赞 100
文章被阅读 1000
相关文章