{"id":18938239,"url":"https://github.com/wechat-miniprogram/kbone-template-kboneui","last_synced_at":"2025-10-25T11:51:57.784Z","repository":{"id":49854396,"uuid":"230077615","full_name":"wechat-miniprogram/kbone-template-kboneui","owner":"wechat-miniprogram","description":null,"archived":false,"fork":false,"pushed_at":"2021-03-18T07:50:52.000Z","size":26,"stargazers_count":44,"open_issues_count":1,"forks_count":12,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-03-29T01:06:12.585Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/wechat-miniprogram.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}},"created_at":"2019-12-25T09:24:09.000Z","updated_at":"2025-02-21T06:10:39.000Z","dependencies_parsed_at":"2022-08-31T12:23:38.313Z","dependency_job_id":null,"html_url":"https://github.com/wechat-miniprogram/kbone-template-kboneui","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wechat-miniprogram%2Fkbone-template-kboneui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wechat-miniprogram%2Fkbone-template-kboneui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wechat-miniprogram%2Fkbone-template-kboneui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wechat-miniprogram%2Fkbone-template-kboneui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wechat-miniprogram","download_url":"https://codeload.github.com/wechat-miniprogram/kbone-template-kboneui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249138490,"owners_count":21218896,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":[],"created_at":"2024-11-08T12:13:52.594Z","updated_at":"2025-10-25T11:51:57.705Z","avatar_url":"https://github.com/wechat-miniprogram.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue-kbone-ui\n\n使用 vue 多端开发(小程序和Web)，基于 [kbone](https://github.com/wechat-miniprogram/kbone) 的 element 和 render。\n\n## 特性\n\n* 一键接入，立即使用\n* 支持更完整的 vue 语法及特性\n* webpack、es6、babel、hot reload、cli、vue-router、vuex，你想要的都有\n\n## 开发\n\n* Web 端：直接浏览器访问 localhost:8080/ 即可看到效果。\n\n```\nnpm run web\n```\n\n* 小程序端：使用开发者工具打开 dist/mp 目录即可。\n\n```\nnpm run mp\n```\n\n## 构建\n\n* Web 端：构建完成会生成 dist/web 目录\n\n```\nnpm run build\n```\n\n* 小程序端：构建完成会生成 dist/mp 目录\n\n```\nnpm run build:mp\n```\n\n## 小程序端打开\n\n需要先进入 dist/mp 目录执行 `npm install` 安装相关的依赖包，然后用开发者工具打开 dist/mp 目录后再进行 npm 构建（关于 npm 构建可[点此查看官方文档](https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html)）。\n\n## 目录说明\n\n此模板 Web 端使用单入口，通过 vue-router + 动态 import 的方式来运行；小程序端则按照业务分拆成多个页面，同属一个业务的页面则通过 vue-router 来组织。\n\n```\n├─ build\n│  ├─ miniprogram.config.js  // mp-webpack-plugin 配置\n│  ├─ webpack.base.config.js // Web 端构建基础配置\n│  ├─ webpack.dev.config.js  // Web 端构建开发环境配置\n│  ├─ webpack.mp.config.js   // 小程序端构建配置\n│  └─ webpack.prod.config.js // Web 端构建生产环境配置\n├─ dist\n│  ├─ mp                     // 小程序端目标代码目录，使用微信开发者工具打开，用于生产环境\n│  └─ web                    // web 端编译出的文件，用于生产环境\n├─ src\n│  ├─ common                 // 通用组件\n│  ├─ mp                     // 小程序端入口目录\n│  │  ├─ home                // 小程序端 home 页面\n│  │  │  └─ main.mp.js       // 小程序端入口文件\n│  │  └─ other               // 小程序端 other 页面\n│  │     └─ main.mp.js       // 小程序端入口文件\n│  ├─ detail                 // detail 页面\n│  ├─ home                   // home 页面\n│  ├─ list                   // list 页面\n│  ├─ router                 // vue-router 路由定义\n│  ├─ store                  // vuex 相关目录\n│  ├─ App.vue                // Web 端入口主视图\n│  └─ main.js                // Web 端入口文件\n└─ index.html                // Web 端入口模板\n```\n\n## 其他说明\n\n如果要使用 ts，则在 vue 的 script 标签上加上 `lang=\"ts\"`，具体可参考 src/list/Index.vue。如果要使用 reduce-loader，就不能使用 ts，因为 ts 目前没有支持内联 loader。\n\n## License\n\nMIT \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwechat-miniprogram%2Fkbone-template-kboneui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwechat-miniprogram%2Fkbone-template-kboneui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwechat-miniprogram%2Fkbone-template-kboneui/lists"}