{"id":13457767,"url":"https://github.com/Youjingyu/vue-hap-tools","last_synced_at":"2025-03-24T14:32:21.733Z","repository":{"id":57396147,"uuid":"129182555","full_name":"Youjingyu/vue-hap-tools","owner":"Youjingyu","description":"vue.js、快应用 统一开发框架","archived":false,"fork":false,"pushed_at":"2019-04-26T02:49:29.000Z","size":10546,"stargazers_count":264,"open_issues_count":6,"forks_count":28,"subscribers_count":12,"default_branch":"dev","last_synced_at":"2025-03-12T18:48:03.153Z","etag":null,"topics":["code-reuse","quick-app","vue"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Youjingyu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-04-12T02:41:52.000Z","updated_at":"2025-03-06T15:08:24.000Z","dependencies_parsed_at":"2022-09-18T12:10:32.442Z","dependency_job_id":null,"html_url":"https://github.com/Youjingyu/vue-hap-tools","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/Youjingyu%2Fvue-hap-tools","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Youjingyu%2Fvue-hap-tools/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Youjingyu%2Fvue-hap-tools/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Youjingyu%2Fvue-hap-tools/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Youjingyu","download_url":"https://codeload.github.com/Youjingyu/vue-hap-tools/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245289655,"owners_count":20591112,"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":["code-reuse","quick-app","vue"],"created_at":"2024-07-31T09:00:36.133Z","updated_at":"2025-03-24T14:32:21.046Z","avatar_url":"https://github.com/Youjingyu.png","language":"JavaScript","funding_links":[],"categories":["Uncategorized"],"sub_categories":["Uncategorized"],"readme":"# vue-hap-tools\n\n快应用的语法虽然和 vue.js 比较接近，但也有比较多的差异；当需要将 vue.js 开发的 web 应用移植到快应用平台时，又需要重复写一遍相同的逻辑，这对于一个“有追求”的程序员来说，显然无法接受，因此产生了这个工具，提高开发效率。  \nvue-hap-tools 基于快应用官方脚手架 [hap-toolkit](https://doc.quickapp.cn/tutorial/getting-started/build-environment.html)，支持用 vue.js 2.x 的语法及其开发方式来开发 web 与快应用程序，抹平快应用与 vue.js 开发的差异性，尽可能提高代码复用程度。现已支持 vue.js 的大部分常用特性、vue-router、vuex。\n## 快速开始\n使用基于 vue-cli 的模板工程快速开始\n```bash\nnpm install -g @vue/cli\nnpm install -g @vue/cli-init\nvue init Youjingyu/vue-hap my-project\ncd my-project\n# 或者执行 npm install\nyarn\n```\n预览 web 端效果\n```bash\nnpm run dev\n```\n预览快应用效果\n```bash\n# 开启hot reload模式\nnpm run qa-watch\n# 开启预览server，用手机扫描二维码安装应用\nnpm run qa-server\n```\n预览快应用效果需要在支持快应用的手机（如小米、华为）上安装[调试器](https://www.quickapp.cn/docCenter/post/69)、[预览工具](https://www.quickapp.cn/docCenter/post/69)。安装完成后，扫码即可查看效果。  \n下面是我们做的一个 demo，同一套代码，分别在 web 和快应用上的效果  \n#### 快应用效果  \n\u003cimg src=\"https://user-images.githubusercontent.com/15033260/52790822-807cab80-30a2-11e9-8ba5-84bc714efb5d.gif\" alt=\"快应用效果\" height=\"500\" /\u003e  \n\n#### web效果  \n\u003cimg src=\"https://user-images.githubusercontent.com/15033260/52790806-79ee3400-30a2-11e9-93c1-6fbd639a6d8c.gif\" alt=\"web 效果\" /\u003e\n\n## 更进一步\n[vue-hap-tools 文档](https://github.com/Youjingyu/vue-hap-tools/blob/master/docs/doc.md)  \n[vue api 支持情况](https://github.com/Youjingyu/vue-hap-tools/blob/master/docs/support-api.md)   \n[使用 vuex、vue-router](https://github.com/Youjingyu/vue-hap-tools/blob/master/docs/router-vuex.md)   \n[已知问题](https://github.com/Youjingyu/vue-hap-tools/blob/master/docs/knownIssues.md)  \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FYoujingyu%2Fvue-hap-tools","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FYoujingyu%2Fvue-hap-tools","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FYoujingyu%2Fvue-hap-tools/lists"}