{"id":19358692,"url":"https://github.com/codermikehe/vue-wechat","last_synced_at":"2025-04-23T11:32:23.332Z","repository":{"id":39558769,"uuid":"171648526","full_name":"CoderMikeHe/vue-wechat","owner":"CoderMikeHe","description":"🔥🔥🔥 利用 Vue2.x 来高仿微信(WeChat)7.0.x App，良好的代码规范、注释详解、以及接近原生App的视觉体验。","archived":false,"fork":false,"pushed_at":"2023-01-03T16:36:28.000Z","size":9107,"stargazers_count":36,"open_issues_count":26,"forks_count":5,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-02T14:53:53.532Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://github.com/CoderMikeHe/vue-wechat","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/CoderMikeHe.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":"2019-02-20T10:05:57.000Z","updated_at":"2024-05-02T16:43:19.000Z","dependencies_parsed_at":"2023-02-01T07:46:00.425Z","dependency_job_id":null,"html_url":"https://github.com/CoderMikeHe/vue-wechat","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/CoderMikeHe%2Fvue-wechat","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CoderMikeHe%2Fvue-wechat/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CoderMikeHe%2Fvue-wechat/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CoderMikeHe%2Fvue-wechat/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CoderMikeHe","download_url":"https://codeload.github.com/CoderMikeHe/vue-wechat/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250425369,"owners_count":21428550,"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-10T07:12:44.343Z","updated_at":"2025-04-23T11:32:22.634Z","avatar_url":"https://github.com/CoderMikeHe.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue-wechat\n\n\u003cimg src=\"https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/logo.png\" width=\"256px\" height=\"256px\" /\u003e\n\n### 概述\n- 利用`vue/cli 3.x + vue 2.x + vue-route 3.x + vuex 3.x` 来构建和模仿`微信7.0.x app`，同时利用`weui.css 2.0.x`提供样式和`weui.js 1.2.x`提供基础js封装，从而达到与原生app相近的视觉效果。\n\n- 笔者于**2019年02月**入坑H5开发，纯属小白一枚，此项目初衷还是想通过项目实践新技术，在业务实践中发现问题，从而积累技术经验，源码中有详细的注释，以及发现问题和解决问题的思路。\n\n- 笔者希望初学者通过学习和实践这个项目，能够打开学习`vue`的大门。当然同时也是抛砖引玉，取长补短，希望能够提供一点思路，少走一些弯路，填补一些细坑，在帮助他人的过程中，收获分享技术的乐趣。\n\n---\n\n### 使用\n- 线上预览：\u003chttps://codermikehe.github.io/vue-wechat/\u003e\n- 项目运行\n   \n\t```\n\tnpm install    // 项目初始化         \n\tnpm run serve  // 项目运行\n\t```\n- **使用注意**   \n  * 笔者建议统一使用桌面端Chrome浏览器预览，手机预览可能会有少许Bug。\n  * Mac电脑：① 打开`Chrome浏览器`；② 打开 **开发者工具**（PS：`【鼠标右键】-【检查】` Or `Cmd+Alt+I`）； ③ **模拟手机预览** (PS：`Cmd+Shift+M`)\n  * Windows电脑：① 打开`Chrome浏览器`；② 打开 **开发者工具**（PS：`F12`）； ③ **模拟手机预览** (PS：`Ctrl+Shift+M`)\n  * 桌面端预览，请**忽略掉浏览器的前进和后退按钮**，毕竟移动端是没有这两个玩意滴，返回一般都是点击`返回按钮`来驱动的。\n  * 登陆和注册：只支持`QQ账号`和`手机号`的登录或注册（PS：后期增加`微信号和QQ邮箱`登陆），且必须保证`QQ`或`手机号`的有效性。`密码`或者`验证码`可以随便输入，但必须是：`密码`长度需要保证在`8~16`位，`手机验证码`必须保证是`6位有效数字`\n\n---\n\n### 期待\n- 如果在使用过程中遇到BUG，希望你能Issues我，谢谢（或者尝试下载最新的代码看看BUG修复没有）。\n- 如果在使用过程中有任何地方不理解，希望你能Issues我，我非常乐意促使项目的理解和使用，谢谢。\n- 如果通过该工程的使用和说明文档的阅读，对你在平时开发中有帮助，码字不易，还请点击右上角`star`按钮，谢谢；\n- 简书地址：\u003chttp://www.jianshu.com/u/126498da7523\u003e\n\n---\n\n### 商业互吹\n- [iOS开发技术要点汇总](https://github.com/CoderMikeHe/MHDevelopExample_Objective_C)\n- [Flutter版WeChat](https://github.com/CoderMikeHe/flutter_wechat)\n- [iOS版WeChat](https://github.com/CoderMikeHe/WeChat)\n- [WeChat资源汇总](https://github.com/CoderMikeHe/WeChat_Resource)\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodermikehe%2Fvue-wechat","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodermikehe%2Fvue-wechat","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodermikehe%2Fvue-wechat/lists"}