<p align="center">
<img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;">
</p>
<p align="center">京东风格的轻量级 Vue 组件库,支持移动端 H5 和 小程序开发</p>
<p align="center">
<a href="https://github.com/jdf2e/nutui/pulls">
<img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square" alt="PRs Welcome">
</a>
<a href="https://app.codecov.io/gh/jdf2e/nutui">
<img src="https://img.shields.io/codecov/c/github/jdf2e/nutui" alt="coverage"/>
</a>
<a href="https://github.com/jdf2e/nutui/blob/v4/LICENSE">
<img src="https://img.shields.io/npm/l/@nutui/nutui.svg" alt="license"/>
</a>
<a href="https://www.npmjs.com/package/@nutui/nutui">
<img src="https://img.shields.io/npm/v/@nutui/nutui.svg?style=flat-square">
</a>
<a href="https://www.npmjs.com/package/@nutui/nutui">
<img src="https://img.shields.io/npm/dt/@nutui/nutui.svg?style=flat-square">
</a>
</p>
<p align="center">
<a href="https://github.com/jdf2e/nutui/graphs/contributors">
<img src="https://img.shields.io/github/contributors/jdf2e/nutui" alt="GitHub contributors">
</a>
<a href="https://github.com/jdf2e/nutui/commits">
<img src="https://img.shields.io/github/commit-activity/m/jdf2e/nutui" alt="GitHub commit activity">
</a>
<a href="https://github.com/jdf2e/nutui/issues">
<img src="https://img.shields.io/github/issues-closed/jdf2e/nutui" alt="GitHub closed issues">
</a>
<a href="https://github.com/jdf2e/nutui/commits">
<img src="https://img.shields.io/github/commits-since/jdf2e/nutui/latest/v4" alt="GitHub commits since latest release (by date)">
</a>
<a href="https://github.com/jdf2e/nutui/releases">
<img src="https://img.shields.io/github/release-date/jdf2e/nutui" alt="GitHub Release Date">
</a>
<a href="https://www.jsdelivr.com/package/npm/@nutui/nutui">
<img src="https://data.jsdelivr.com/v1/package/npm/@nutui/nutui/badge" alt="jsdelivr">
</a>
</p>
<p align="center">
<img src="https://img12.360buyimg.com/imagetools/jfs/t1/162421/39/13392/9425/6052ea60E592310a9/264bdff23ef5fe95.png" width="164" alt="NutUI" />
<img src="https://img10.360buyimg.com/imagetools/jfs/t1/211804/23/22232/12144/634e4801Eac435cb6/cfd9e1773cf9423d.png" width="167" title="请用京东APP扫码">
<img src="https://storage.360buyimg.com/jdc-article/gh_f2231eb941be_258.jpg" width="166" title="请用微信扫码">
<img src="https://img12.360buyimg.com/imagetools/jfs/t1/205124/1/15643/30360/62aad730Ea5734bf9/703bb91a0b73282f.png" width="170" title="请用支付宝扫码">
</p>
---
> Nut[nʌt],源自电影《冰河世纪》里松鼠 Scrat "执迷不悟",一生追求,即便引发大灾难也绝不松手的坚果。
简体中文 | [English](./README_EN.md)
## 特性
* 🚀 80+ 高质量组件,覆盖移动端主流场景
* 💪 支持一套代码同时开发 H5+多端小程序
* 📖 基于京东APP 10.0 视觉规范
* 🍭 支持按需引用
* 📖 详尽的文档和示例
* 💪 支持 TypeScript
* 💪 支持服务端渲染(测试阶段)
* 🍭 支持组件级别定制主题,内置 700+ 个变量
* 🌍 国际化支持,已支持英文,印尼语和繁体中文
* 🍭 单元测试覆盖率超过 80%,保障稳定性
* 📖 提供 Sketch 设计资源
## 文档
官网:[nutui.jd.com](https://nutui.jd.com)
[@nutui/nutui](https://nutui.jd.com/h5/vue/4x/#/zh-CN/guide/intro):适用于移动端 H5 页面开发
[@nutui/nutui-taro](https://nutui.jd.com/taro/vue/4x/#/zh-CN/guide/intro):支持开发 Taro 多端小程序(微信、支付宝、京东等小程序)和 Taro-H5 项目
## 链接
### 官方生态
由 NutUI 官方团队维护的项目如下:
| 项目 | 描述 | 版本 |
| --- | --- | --- |
| [@nutui/nutui](https://github.com/jdf2e/nutui) | NutUI 移动端 H5 版本 | ![nutui](https://img.shields.io/npm/v/@nutui/nutui.svg?label=%20) |
| [@nutui/nutui-taro](https://github.com/jdf2e/nutui) | NutUI Taro 多端版本 | ![nutui](https://img.shields.io/npm/v/@nutui/nutui-taro.svg?label=%20) |
| [@nutui/icons-vue](https://github.com/jdf2e/nutui-icons) | `@nutui/nutui` 使用的图标库 | ![nutui](https://img.shields.io/npm/v/@nutui/icons-vue.svg?label=%20) |
| [@nutui/icons-vue-taro](https://github.com/jdf2e/nutui-icons) | `@nutui/nutui-taro` 使用的图标库 | ![nutui](https://img.shields.io/npm/v/@nutui/icons-vue-taro.svg?label=%20) |
| [@nutui/touch-emulator](packages/nutui-touch-emulator) | 在桌面端使用 NutUI 的辅助库 | ![nutui](https://img.shields.io/npm/v/@nutui/touch-emulator.svg?label=%20) |
| [@nutui/auto-import-resolver](packages/nutui-auto-import-resolver) | `unplugin-auto-import` 插件的 reolver 配置 | ![nutui](https://img.shields.io/npm/v/@nutui/auto-import-resolver.svg?label=%20) |
| [@nutui/playground](packages/nutui-playground) | NutUI 在线 Playground | - |
| [nutui-demo](https://github.com/jdf2e/nutui-demo) | NutUI 官方示例合集 | - |
### 社区生态
由社区维护的项目如下,欢迎补充:
| 项目 | 描述 |
| --- | --- |
| [nutui-uniapp](https://github.com/nutui-uniapp/nutui-uniapp) | 基于 NutUI 4.x 版本开发的 uni-app 组件库 |
| [jwaterwater/uni-nutui](https://github.com/jwaterwater/uni-nutui) | 基于 NutUI 3.x 版本开发的 uni-app 组件库 |
## 项目状态
![Alt](https://repobeats.axiom.co/api/embed/fd45cb2c6840153af6328b050e87ce01d785b72b.svg "Repobeats analytics image")
## 使用案例
NutUI 已经投入了我们的生产环境中使用,业界也在广泛地使用 NutUI 开发多端应用。
<p>
<img src="https://raw.githubusercontent.com/jdf2e/nutui-user-cases/master/user-cases.jpg" alt="NutUI" />
</p>
<p><a href="https://nutui.jd.com/#/case">更多案例</a></p>
## 开发交流
| 微信群 |内部咚咚群 |
| --- |--- |
| <img src="https://storage.360buyimg.com/nutui-static/image/wx-code.png" width="100" /> 添加好友并回复「NutUI Vue」 | 82957939
## 参与共建
### NutUI 社区共建倡议
[NutUI 邀您共建,Contributor 您好](https://github.com/jdf2e/nutui/issues/1789)
### 为 NutUI 贡献代码
NutUI 的共建方向主要分为:解决 issue、修复 bug、新增组件、增加国际化、UI 定制、平台适配、跨端扩展等。
欢迎社区开发者参与共建,在贡献您的代码之前请先阅读 [《NutUI 贡献指南》](https://github.com/jdf2e/nutui/issues/1671)。
## 问题反馈与建议
[给 NutUI 提 Issue](https://nutui.jd.com/nutui-issue-helper/?repo=jdf2e/nutui&lang=zh-cn)
> 在反馈问题之前,推荐阅读 [《提问的智慧》](https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way)、[《如何向开源社区提问题》](https://github.com/seajs/seajs/issues/545)和[《如何有效地报告 Bug》](http://www.chiark.greenend.org.uk/%7Esgtatham/bugs-cn.html),这样您能够更容易获得理解和帮助。
[参与 NutUI 社区讨论](https://github.com/jdf2e/nutui/discussions)
如果您有任何想法、疑问或建议,都可以参与社区讨论分享您的观点。
## 贡献者们
感谢以下所有给 NutUI 贡献过代码的 [开发者](https://github.com/jdf2e/nutui/graphs/contributors)。
<a href="https://github.com/jdf2e/nutui/graphs/contributors">
<img src="https://opencollective.com/nutui/contributors.svg?width=890&button=false" alt="contributors">
</a>
## 更新日志
查阅 [Release](https://github.com/jdf2e/nutui/releases)。
## License
[MIT](https://github.com/jdf2e/nutui/blob/v4/LICENSE)
## GitHub Stargazaers
![stargazers](https://starchart.cc/jdf2e/nutui.svg)
没有合适的资源?快使用搜索试试~ 我知道了~
基于 vite 构建 京东风格移动端 Vue2、Vue3、组件库.zip
共2000个文件
vue:1226个
md:278个
ts:214个
需积分: 5 0 下载量 30 浏览量
2024-05-15
12:49:37
上传
评论
收藏 3.15MB ZIP 举报
温馨提示
1、概述 1、若只写个vue的简单demo程序,那么只需在html中引入vue.js即可,没必要安装node、npm、webpack以及Vue-cli 2、如果开发大型项目,就需要vue-cli完成项目目录结构 部署 热加载等功能 3、因为vue-cli和webpack一样也是一个工具,会依赖于webpack生成一套的webpack配置,所以要使用vue-cli之前,本地要有webpack(而webpack安装运行依赖node环境) 4、所以使用脚手架vue-cli创建完成结构的vue项目首先需要安装node以及webpack 2、安装node,以及npm 首先我们上node.js官网(https://nodejs.org/zh-cn/),下载最新的长期版本,直接运行安装完成之后,我们就已经具备了node和npm的环境(安装node同时会安装node) C:\Users\HXB101>node -v v12.18.3 C:\Users\HXB101>npm -v 6.14.6 默认npm安装全局模块所在路径以及缓存cache的路径在C:\Users\用户名\AppData\
资源推荐
资源详情
资源评论
收起资源包目录
基于 vite 构建 京东风格移动端 Vue2、Vue3、组件库.zip (2000个子文件)
commitlint.config.cjs 666B
style.css 58B
reset.css 53B
index.html 1KB
index.html 1KB
demo.html 965B
index.html 943B
index.html 337B
index.html 337B
favicon.ico 4KB
favicon.ico 4KB
img-article.jpg 117KB
data.js 63KB
touchEmulator.js 4KB
index.js 4KB
createComponentMap.js 3KB
data.js 2KB
index.js 2KB
index.js 2KB
webpack.config.js 2KB
vite.config.js 591B
verifymail.js 420B
eslint.config.js 140B
build.js 138B
main.js 121B
style.js 71B
index.config.js 63B
index.config.js 59B
index.config.js 58B
index.config.js 56B
index.config.js 55B
index.config.js 55B
index.config.js 52B
index.config.js 51B
config.json 25KB
package.json 5KB
comment_data.json 3KB
project.config.json 2KB
package.json 2KB
package.json 1KB
package.json 1KB
package.json 1KB
package.json 1KB
package.json 1013B
package.json 996B
tsconfig.json 834B
tsconfig.json 782B
package.json 716B
package.json 576B
tsconfig.json 531B
renovate.json 472B
package.json 445B
package.json 432B
package.json 395B
tsconfig.json 382B
tsconfig.json 378B
package.json 372B
tsconfig.h5.json 303B
tsconfig.taro.json 302B
project.tt.json 236B
LICENSE 1KB
LICENSE 1KB
CHANGELOG.md 24KB
CHANGELOG.md 24KB
CHANGELOG.md 24KB
doc.taro.md 16KB
doc.md 16KB
doc.md 16KB
doc.taro.md 15KB
doc.en-US.md 15KB
doc.en-US.md 15KB
doc.en-US.md 11KB
doc.md 11KB
doc.taro.md 10KB
doc.en-US.md 9KB
doc.md 9KB
doc.md 8KB
README.md 8KB
README.md 8KB
README.md 8KB
doc.en-US.md 7KB
README_EN.md 7KB
doc.en-US.md 7KB
doc.taro.md 7KB
doc.md 7KB
doc.taro.md 6KB
doc.taro.md 6KB
doc.md 6KB
doc.en-US.md 6KB
doc.md 6KB
doc.en-US.md 5KB
doc.en-US.md 5KB
doc.taro.md 5KB
doc.en-US.md 5KB
doc.en-US.md 5KB
doc.md 5KB
doc.taro.md 5KB
doc.md 5KB
doc.taro.md 5KB
doc.md 5KB
共 2000 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
资源评论
野生的狒狒
- 粉丝: 3397
- 资源: 2437
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- java项目,毕业设计-家具商城系统
- sparse-occ-cpu.onnx
- c2532703d1b4e83f570f28ff6cf94aef_语法.pdf
- C# 将不限数量的Excel表格进行合并,支持多文件多表合并.zip
- java项目,毕业设计-体育场馆运营
- 阿里云联合中国信通院安全所发布-大模型安全研究报告2024
- 低空经济政策与产业生态研究报告(2024年)
- 基于微信小程序的手机商城的设计与实现ssm.zip
- 基于springboot汽车维修管理系统微信小程序springboot.zip
- 非常好用 的一款,网卡流量监控工具,可长时间 监控,有图标展示流量趋势,要记录一段时间 内的平均 流量,可单独记录每个网卡的流量, 绿色好用, 无功能 限制
- 基于微信小程序的医院挂号预约系统ssm.zip
- 基于机器学习的商品评论分析系统源代码+文档说明+GUI界面(高分项目)
- 基于微信小程序的校园二手交易平台ssm.zip
- 基于微信小程序的校园综合服务平台ssm.zip
- 基于微信小程序高校订餐系统的设计与开发ssm.zip
- 线性回归实现股票预测源代码
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功