[开源]基于 Vite 构建 京东风格移动端 Vue2&3 组件库(支持小程序)
![[开源]基于 Vite 构建 京东风格移动端 Vue2&3 组件库(支持小程序)](https://yy123.ink/api/img/1782607266714-m18w3i.jpg)
一、开源项目简介

京东风格的轻量级 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、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。