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

一、开源项目简介

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

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

二、开源协议

使用MIT开源协议

三、界面展示

四、功能概述

特性

•  70+ 高质量组件，覆盖移动端主流场景
•  支持一套代码同时开发 H5+多端小程序
•  基于京东APP 10.0 视觉规范
•  支持按需引用
•  详尽的文档和示例
•  支持 TypeScript
•  支持服务端渲染（测试阶段）
•  支持组件级别定制主题，内置 700+ 个变量
•  国际化支持，已支持英文，印尼语和繁体中文
•  单元测试覆盖率超过 80%，保障稳定性
•  提供 Sketch 设计资源

五、技术选型

安装

• 
  

// Vue2 项目 
npm i @nutui/nutui@2

• 
  

// Vue3 H5 项目
npm i @nutui/nutui

• 
  

// Vue3 小程序项目
npm i @nutui/nutui-taro

示例

• 
  

import { createApp } from "vue";
import App from "./App.vue";

// 注意：这种方式将会导入所有组件
import NutUI from "@nutui/nutui";
// 采用按需加载时  此全局css样式，需要删除
import "@nutui/nutui/dist/style.css";

createApp(App).use(NutUI).mount("#app");

学习资源

NutUI 实战快速入门

awesome-nutui

主题

我们提供了几套官方主题，来自京东内部实际业务，欢迎在项目中使用，如果不能满足需求，你也可以 自定义主题

• 京东APP视觉（Vue3，默认）
• 京东科技视觉（Vue3）
• 京东零售B商城主题（Vue3）
• 京东企业业务主题（Vue3）
• 京东物流视觉（Vue2）

版本说明

@nutui/nutui 和 @nutui/nutui-taro 属于并行版本，存在部分差异，版本号始终保持一致。如果兼容 ios 10 以下请使用 @nutui/nutui@2

• NutUI 2x & NutUI-JDL 使用 Vue2 开发，支持现代浏览器及 Android >= 4.0、iOS >= 8.0，仅 H5 应用。
• NutUI 3x 使用 Vue3 开发，支持现代浏览器及 Chrome >= 51、iOS >= 10.0，可输出 H5 和小程序两类应用。

构建版本

AMD 环境、Webpack、Vite 等构建工具环境、服务端建议使用 es 版，非模块化环境（如通过  <script> 标签直接引用）建议使用 umd 压缩版。

• es nutui.es.js
• umd nutui.umd.js

使用案例

NutUI 已经投入了我们的生产环境中使用，业界也在广泛地使用 NutUI 开发多端应用。

具体案例，请查阅 README.md 文档

六、源码地址

源码下载

深圳坪山网站建设公司海淀优化推广网站菏泽比较好的传统行业网站优化企业网站优化 sit许昌搜索引擎网站优化外包盐城网站优化推广哪家公司好张店网站优化公司不限推广词莱州网站优化价格宣城百度seo网站优化多少钱网站建设排名西安优化网站推广辽宁营销网站搭建优化青浦区360网站优化平台新蔡县网站优化排名麻涌家具网站优化哪个公司好湖北优质网站优化加盟信阳百度网站优化公司邯郸家具行业网站优化推广技巧大武口网站优化咨询电话惠州优化网站收费企业网站优化的方案长沙做网站seo优化电话广西优化网站 优帮云宣城网站排名优化哪家靠谱怀化网站优化哪个好惠州网站自动优化价格安庆靠谱的网站优化网站的优化分为一站式营销型网站优化济南网站优化平台新网站优化是什么意思网站系统优化seo香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人？张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身！外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤

深圳坪山网站建设公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化