{"id":13691964,"url":"https://github.com/vingogo/vin-ui","last_synced_at":"2026-05-16T01:37:08.680Z","repository":{"id":141502004,"uuid":"612297444","full_name":"vingogo/vin-ui","owner":"vingogo","description":"京东(nutui)风格的移动端 Vue3 组件库 、支持多端小程序(uniapp版本)","archived":false,"fork":false,"pushed_at":"2023-08-27T13:41:50.000Z","size":1513,"stargazers_count":49,"open_issues_count":3,"forks_count":5,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-05-02T16:54:11.743Z","etag":null,"topics":["components","nutui","typescript","uniapp","vue3"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vingogo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2023-03-10T16:17:11.000Z","updated_at":"2024-10-24T03:17:49.000Z","dependencies_parsed_at":"2024-04-08T11:03:07.301Z","dependency_job_id":null,"html_url":"https://github.com/vingogo/vin-ui","commit_stats":null,"previous_names":[],"tags_count":22,"template":false,"template_full_name":null,"purl":"pkg:github/vingogo/vin-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vingogo%2Fvin-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vingogo%2Fvin-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vingogo%2Fvin-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vingogo%2Fvin-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vingogo","download_url":"https://codeload.github.com/vingogo/vin-ui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vingogo%2Fvin-ui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33087028,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-15T20:25:35.270Z","status":"ssl_error","status_checked_at":"2026-05-15T20:25:34.732Z","response_time":103,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["components","nutui","typescript","uniapp","vue3"],"created_at":"2024-08-02T17:00:52.090Z","updated_at":"2026-05-16T01:37:08.665Z","avatar_url":"https://github.com/vingogo.png","language":"Vue","funding_links":[],"categories":["UI 组件库"],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"logo\" src=\"https://cdn.vingogo.cn/logo.png\" width=\"150\" style=\"margin-bottom: 10px;\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e京东风格的轻量级 Vue 组件库，支持移动端 H5 和 小程序开发\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/vingogo/vin-ui\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square\" alt=\"PRs Welcome\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/vingogo/vin-ui\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/l/@vingogo/uni-ui.svg\" alt=\"license\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/@vingogo/uni-ui\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/v/@vingogo/uni-ui.svg?style=flat-square\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/@vingogo/uni-ui\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/dt/@vingogo/uni-ui.svg?style=flat-square\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/vingogo/vin-ui\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/contributors/vingogo/vin-ui\" alt=\"GitHub contributors\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/vingogo/vin-ui\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/commit-activity/w/vingogo/vin-ui\" alt=\"GitHub commit activity\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/vingogo/vin-ui\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/commits-since/vingogo/vin-ui/latest/dev\" alt=\"GitHub commits since latest release (by date)\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/vingogo/vin-ui\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/release-date/vingogo/vin-ui\" alt=\"GitHub Release Date\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n   \u003cimg src=\"https://cdn.vingogo.cn/vinui-qrcode.png\" width=\"236\" alt=\"网页端二维码\" title=\"网页端\" /\u003e\n  \u0026nbsp;\n  \u003cimg src=\"https://cdn.vingogo.cn/qrcode.jpg\" width=\"236\" alt=\"微信二维码\" title=\"请用微信扫码\"\u003e\n  \u0026nbsp;\n   \u003cimg src=\"https://cdn.vingogo.cn/alipay-qrcode.jpg\" width=\"236\" alt=\"支付宝二维码\" title=\"请用支付宝扫码\"\u003e\n\u003c/p\u003e\n\n---\n\nVinUI 参考 [NutUI](https://github.com/jdf2e/nutui)（京东风格的轻量级移动端组件库）的设计和实现，在 Taro 小程序组件库版本 NutUI-Vue 基础上实现的 uniapp 版本\n\n针对 uniapp 的一些特性进行了修改和调整，同时增加一些新的组件，对一些组件功能也有所增强\n\n## 快速开始\n\n可参考项目文档：[快速开始](https://vingogo.cn/docs/guide/quickstart.html)\n\n### 安装\n\nVinUI 提供了 npm 包和 uni_modules 包的方式安装组件。\n\n#### 方式一：npm 安装运行\n\n```bash\n# Using npm\nnpm install @vingogo/uni-ui\n\n# Using yarn\nyarn add @vingogo/uni-ui\n\n# Using pnpm\npnpm add @vingogo/uni-ui\n```\n\n#### 方式二：uniapp 插件市场下载\n\nuniapp 市场插件地址：[https://ext.dcloud.net.cn/plugin?id=11187](https://ext.dcloud.net.cn/plugin?id=11187)\n\n#### 方式三：通过下载代码\n\n通过 [Github](https://github.com/vingogo/vin-ui) 下载 VinUI 的代码，然后将打包后的代码拷贝到自己的项目中：\n\n1. 克隆仓库代码：\n\n```bash\ngit clone https://github.com/vingogo/vin-ui.git\n```\n\n2. 安装依赖：\n\n```bash\npnpm i\n```\n\n3. 在 `packages/uni-ui` 目录对 VinUI 的代码做符合业务的个性化调整\n4. 构建代码, 将把原有的 TS 文件生成编译后的 JS 文件，并转成 ES2015\n\n```bash\npnpm run build:uni\n```\n\n在 `packages/uni-ui/uni_modules` 下生成供拷贝的文件\n\n### 使用方式\n\n1. 在 `pages.json` 中添加 easycom 配置：\n\n```json\n{\n  \"easycom\": {\n    // 此处根据实际文件位置进行修改，如下为通过 npm 包安装的方式配置\n    \"^vin-(.*)\": \"@vingogo/uni-ui/lib/components/$1/index.vue\"\n  },\n  // 此为本身已有的内容\n  \"pages\": [\n    // ......\n  ]\n}\n```\n\n2. 引入样式\n\n在项目入口文件 main.ts 或者 main.js 文件中添加如下代码：\n\n```js\nimport '@vingogo/uni-ui/lib/style.css';\n```\n\n3. 在项目中使用：\n\n```vue\n\u003cvin-button type=\"primary\"\u003ebutton\u003c/vin-button\u003e\n```\n\n### 项目运行\n\n项目推荐使用 pnpm 的方式安装运行，启动方式：\n\n1. 安装依赖\n\n```bash\npnpm i\n```\n\n2. 运行 h5 或者小程序\n\n```bash\npnpm run dev\n```\n\n3. 根据交互式命令行选项选择要运行的环境\n4. 在浏览器或者指定小程序端运行 example/dist/dev 文件夹下代码\n\n### VinUI 组件构建\n\n- 构建 npm 版本代码：\n\n```bash\npnpm run build:lib\n```\n\n执行完上面命令将在 `packages/uni-ui/lib` 下生成用于发布 npm 的代码\n\n- 构建 uni_modules 版本代码：\n\n```bash\npnpm run build:uni\n```\n\n执行完上面命令将在 `packages/uni-ui/uni_modules` 下生成用于发布 uniapp 市场的代码\n\n## VinUI 特性\n\n- 🚀 50+ 高质量组件，覆盖移动端主流场景\n- 💪 支持动态定制主题、支持组件级别定制主题\n- 📖 基于京东视觉规范\n- 🍭 支持暗黑模式\n- 💪 支持一套代码同时开发 H5+多端小程序\n- 💡 支持 vscode 组件属性高亮\n- 🍭 支持按需引用\n- 📖 详尽的文档和示例\n- 💪 支持 TypeScript\n- 🌍 支持国际化\n\n## 链接\n\n- [组件使用文档](https://vingogo.cn/docs/index.html)\n- [Github](https://github.com/vingogo/vin-ui)\n- [Gitee](https://gitee.com/vingogo/vin-ui)\n- [uniapp 市场插件](https://ext.dcloud.net.cn/plugin?id=11187)\n\n## 联系\n\n有关 VinUI 的问题，欢迎添加微信交流，加微信请备注：VinUI\n\n\u003cimg width=\"150\" src=\"https://cdn.vingogo.cn/wechat.jpg\" alt=\"wechat\" title=\"wechat\" /\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvingogo%2Fvin-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvingogo%2Fvin-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvingogo%2Fvin-ui/lists"}