{"id":21103716,"url":"https://github.com/0xlau/vue-mobile-template","last_synced_at":"2026-03-11T15:38:06.364Z","repository":{"id":41996494,"uuid":"482929432","full_name":"0xlau/vue-mobile-template","owner":"0xlau","description":"🎉 An open-source and free H5 mobile template based on vue3.x + CompositionAPI + JavaScript + vite + vant + vue-router-next + pinia, designed to help developers quickly build HTML5 mobile applications.","archived":false,"fork":false,"pushed_at":"2024-05-28T02:03:46.000Z","size":1531,"stargazers_count":99,"open_issues_count":1,"forks_count":18,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-06-04T10:58:34.367Z","etag":null,"topics":["html5","javascript","pinia","vite","vue3"],"latest_commit_sha":null,"homepage":"https://coder-xiaoyi.github.io/vue-mobile-template","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/0xlau.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,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2022-04-18T17:09:19.000Z","updated_at":"2024-12-26T13:20:31.000Z","dependencies_parsed_at":"2025-05-28T05:31:08.007Z","dependency_job_id":"e5cfb78f-5121-4924-9742-57431e784370","html_url":"https://github.com/0xlau/vue-mobile-template","commit_stats":null,"previous_names":["0xlau/vue-mobile-template"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/0xlau/vue-mobile-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0xlau%2Fvue-mobile-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0xlau%2Fvue-mobile-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0xlau%2Fvue-mobile-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0xlau%2Fvue-mobile-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/0xlau","download_url":"https://codeload.github.com/0xlau/vue-mobile-template/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0xlau%2Fvue-mobile-template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30386220,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-11T14:10:17.325Z","status":"ssl_error","status_checked_at":"2026-03-11T14:09:37.934Z","response_time":84,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6: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":["html5","javascript","pinia","vite","vue3"],"created_at":"2024-11-19T23:59:40.914Z","updated_at":"2026-03-11T15:38:06.334Z","avatar_url":"https://github.com/0xlau.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\t\u003cimg src=\"./public/other/logo.png\"\u003e\n\t\u003cp align=\"center\"\u003e\n        \u003ca href=\"https://vitejs.dev/\" target=\"_blank\"\u003e\n            \u003cimg src=\"https://img.shields.io/badge/vite-%3E2.0.0-yellow\" alt=\"vite\"\u003e\n\t\t\u003c/a\u003e\n\t    \u003ca href=\"https://v3.vuejs.org/\" target=\"_blank\"\u003e\n\t        \u003cimg src=\"https://img.shields.io/badge/vue.js-3.x-green\" alt=\"vue\"\u003e\n\t    \u003c/a\u003e\n\t    \u003ca href=\"https://router.vuejs.org/\" target=\"_blank\"\u003e\n\t        \u003cimg src=\"https://img.shields.io/badge/vue--router-4.x-green\" alt=\"vue\"\u003e\n\t    \u003c/a\u003e\n\t    \u003ca href=\"https://vant-contrib.gitee.io/vant/\" target=\"_blank\"\u003e\n\t        \u003cimg src=\"https://img.shields.io/badge/vant-%3E3.0.0-blue\" alt=\"element plus\"\u003e\n\t    \u003c/a\u003e\n\t\t\u003ca href=\"https://pinia.vuejs.org/\" target=\"_blank\"\u003e\n\t\t    \u003cimg src=\"https://img.shields.io/badge/pinia-%3E2.0.13-yellow\" alt=\"vite\"\u003e\n\t\t\u003c/a\u003e\n\t\t\u003ca href=\"https://github.com/Coder-XiaoYi/vue-mobile-template/blob/main/LICENSE\" target=\"_blank\"\u003e\n\t\t    \u003cimg src=\"https://img.shields.io/badge/license-MIT-success\" alt=\"license\"\u003e\n\t\t\u003c/a\u003e\n\t\u003c/p\u003e\n\t\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003c/div\u003e\n\n#### 📅 开源项目的由来\n\n某天因公司业务需求，想寻找一款H5移动端的模板进行二次开发。但搜遍整个HUB都没法找到合适的空模板进行二次开发，所以心血来潮，于是有了 vue-mobile-template 。\n\n#### 🌈 介绍\n\n基于 vue3.x + CompositionAPI + javascript + vite + vant + vue-router-next + pinia 的开源免费移动端模板，希望减少工作量，帮助大家实现快速开发移动端。\n\nvue-mobile-template默认已加入 `Rem布局适配`，可在根目录 `postcss.config.js` 进行修改。\n\n#### ✨ 已内置的功能\n- 组件\n  - GridCard - 网格卡片\n  - MsgList - 消息列表\n  - SvgIcon - 矢量图形\n- 页面\n  - 登录页面\n  - 聊天消息列表页面\n  - 个人中心页面 * 2\t\n- 功能\n  - 登录、登出\n  - 页面权限\n  - 指令权限\n  - Rem布局适配\n\n#### ⛱️ 线上预览\n\n- \u003ca href=\"https://coder-xiaoyi.github.io/vue-mobile-template\" target=\"_blank\"\u003egithub 演示\u003c/a\u003e\n- \u003ca href=\"https://liupeiqiang.gitee.io/vue-mobile-template\" target=\"_blank\"\u003egitee 演示\u003c/a\u003e\n- Admin账号密码：admin/admin123\n- user账号密码：user1/user1\n\n#### 💒 代码仓库\n\n- vue-mobile-template (github):  \u003ca href=\"https://github.com/Coder-XiaoYi/vue-mobile-template\" target=\"_blank\"\u003ehttps://github.com/Coder-XiaoYi/vue-mobile-template\u003c/a\u003e\n- vue-mobile-template (gitee):  \u003ca href=\"https://gitee.com/liupeiqiang/vue-mobile-template\" target=\"_blank\"\u003ehttps://gitee.com/liupeiqiang/vue-mobile-template\u003c/a\u003e\n\n#### 🚧 安装 yarn\n\n- 复制代码(桌面 cmd 运行) `npm install -g yarn`\n\n#### 🏭 环境支持\n\n| Edge                                                                     | last 2 versions                                                                   | last 2 versions                                                                | last 2 versions                                                                |\n| ------------------------------------------------------------------------ | --------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | ------------------------------------------------------------------------------ |\n| ![Edge](https://cdn.jsdelivr.net/npm/@browser-logos/edge/edge_32x32.png) | ![Firefox](https://cdn.jsdelivr.net/npm/@browser-logos/firefox/firefox_32x32.png) | ![Chrome](https://cdn.jsdelivr.net/npm/@browser-logos/chrome/chrome_32x32.png) | ![Safari](https://cdn.jsdelivr.net/npm/@browser-logos/safari/safari_32x32.png) |\n\n\u003e 由于 Vue3 不再支持 IE11，故而 vant 也不支持 IE11 及之前版本。\n\n#### ⚡ 使用说明\n\n```bash\n# 克隆项目\ngit clone https://github.com/Coder-XiaoYi/vue-mobile-template.git\n\n# 进入项目\ncd vue-mobile-template\n\n# 安装依赖\nyarn\n\n# 运行项目\nyarn run dev\n\n# 打包发布\nyarn run build\n```\n\n#### ❤️ 鸣谢列表\n\n- \u003ca href=\"https://github.com/vuejs/vue\" target=\"_blank\"\u003evue\u003c/a\u003e\n- \u003ca href=\"https://github.com/vuejs/vue-next\" target=\"_blank\"\u003evue-next\u003c/a\u003e\n- \u003ca href=\"https://github.com/youzan/vant\" target=\"_blank\"\u003evant\u003c/a\u003e\n- \u003ca href=\"https://github.com/vuejs/vue-router-next\" target=\"_blank\"\u003evue-router-nex\u003c/a\u003e\n- \u003ca href=\"https://github.com/vuejs/vuex\" target=\"_blank\"\u003evuex\u003c/a\u003e\n- \u003ca href=\"https://github.com/vuejs/pinia\" target=\"_blank\"\u003epinia\u003c/a\u003e\n- \u003ca href=\"https://github.com/axios/axios\" target=\"_blank\"\u003eaxios\u003c/a\u003e\n- \u003ca href=\"https://github.com/lyt-Top/vue-next-admin\" target=\"_blank\"\u003evue-next-admin\u003c/a\u003e\n- \u003ca href=\"https://github.com/yangzongzhuan/RuoYi-Vue3\" target=\"_blank\"\u003eRuoYi-Vue3\u003c/a\u003e\n\n#### 💌 支持作者\n\n如果觉得框架不错，或者已经在使用了，希望你可以去 \u003ca target=\"_blank\" href=\"https://github.com/Coder-XiaoYi/vue-mobile-template\"\u003eGithub\u003c/a\u003e 或者\n\u003ca target=\"_blank\" href=\"https://gitee.com/liupeiqiang/vue-mobile-template\"\u003eGitee\u003c/a\u003e 帮我点个 ⭐ Star，这将是对我极大的鼓励与支持。\n\n#### 🙈 部分框架截屏\n\n\u003ctable\u003e\n    \u003ctr\u003e\n        \u003ctd\u003e\u003cimg src=\"./public/other/show1.jpg\"\u003e\u003c/td\u003e\n        \u003ctd\u003e\u003cimg src=\"./public/other/show2.jpg\"\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"./public/other/show4.jpg\"\u003e\u003c/td\u003e\n        \u003ctd\u003e\u003cimg src=\"./public/other/show5.jpg\"\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"./public/other/show3.jpg\"\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"./public/other/show6.jpg\"\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n\u003c/table\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0xlau%2Fvue-mobile-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F0xlau%2Fvue-mobile-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0xlau%2Fvue-mobile-template/lists"}