{"id":22312849,"url":"https://github.com/vue-zone/vue3-vant-mobile","last_synced_at":"2025-07-29T10:31:55.705Z","repository":{"id":38336681,"uuid":"496523424","full_name":"vue-zone/vue3-vant-mobile","owner":"vue-zone","description":"An mobile web apps template based on the Vue 3 ecosystem。一个基于 Vue 3 生态系统的移动 web 应用模板，帮助你快速完成业务开发。","archived":false,"fork":false,"pushed_at":"2025-07-18T06:36:12.000Z","size":2279,"stargazers_count":1774,"open_issues_count":1,"forks_count":331,"subscribers_count":18,"default_branch":"main","last_synced_at":"2025-07-19T11:58:44.043Z","etag":null,"topics":["h5","mobile","setup","starter","typescript","unocss","vite-starter","vite-template","vue3-template","vuejs","wechat-h5"],"latest_commit_sha":null,"homepage":"https://vue3-vant-mobile.netlify.app","language":"TypeScript","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/vue-zone.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":".github/CODE_OF_CONDUCT.md","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-05-26T07:29:01.000Z","updated_at":"2025-07-18T06:36:16.000Z","dependencies_parsed_at":"2023-01-26T02:25:14.854Z","dependency_job_id":"780629d3-1731-4669-8317-ac94b10d2cff","html_url":"https://github.com/vue-zone/vue3-vant-mobile","commit_stats":{"total_commits":358,"total_committers":20,"mean_commits":17.9,"dds":"0.12849162011173187","last_synced_commit":"874835e32b9a2aac37a52fe88b16a6651c5187de"},"previous_names":["easy-temps/vvm","easy-temps/vue3-vant-mobile","charleewa/vue3-vant-mobile","vue-zone/vue3-vant-mobile"],"tags_count":60,"template":true,"template_full_name":null,"purl":"pkg:github/vue-zone/vue3-vant-mobile","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vue-zone%2Fvue3-vant-mobile","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vue-zone%2Fvue3-vant-mobile/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vue-zone%2Fvue3-vant-mobile/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vue-zone%2Fvue3-vant-mobile/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vue-zone","download_url":"https://codeload.github.com/vue-zone/vue3-vant-mobile/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vue-zone%2Fvue3-vant-mobile/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267670225,"owners_count":24125109,"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","status":"online","status_checked_at":"2025-07-29T02:00:12.549Z","response_time":2574,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["h5","mobile","setup","starter","typescript","unocss","vite-starter","vite-template","vue3-template","vuejs","wechat-h5"],"created_at":"2024-12-03T22:00:41.867Z","updated_at":"2025-07-29T10:31:55.685Z","avatar_url":"https://github.com/vue-zone.png","language":"TypeScript","funding_links":[],"categories":["Get Started","TypeScript"],"sub_categories":["Templates"],"readme":"\u003cdiv id=\"top\" align=\"center\"\u003e\n\n\u003cimg src=\"https://cdn.jsdelivr.net/gh/vue-zone/static/cover.png\" alt=\"cover\" /\u003e\n\n\u003ch1 align=\"center\"\u003evue3-vant-mobile\u003c/h1\u003e\n\nEnglish / [简体中文](./README.zh-CN.md)\n\nAn mobile web apps template based on the Vue 3 ecosystem.\n\n一个基于 Vue 3 生态系统的移动 web 应用模板，帮助你快速完成业务开发。\n\n\u003cp\u003e\n\u003cimg src=\"https://img.shields.io/github/license/vue-zone/vue3-vant-mobile\" alt=\"license\" /\u003e\n\u003cimg src=\"https://img.shields.io/github/package-json/v/vue-zone/vue3-vant-mobile\" alt=\"version\" /\u003e\n\u003cimg src=\"https://img.shields.io/github/repo-size/vue-zone/vue3-vant-mobile\" alt=\"repo-size\" /\u003e\n\u003cimg src=\"https://img.shields.io/github/languages/top/vue-zone/vue3-vant-mobile\" alt=\"languages\" /\u003e\n\u003cimg src=\"https://img.shields.io/github/issues-closed/vue-zone/vue3-vant-mobile\" alt=\"issues\" /\u003e\n\u003c/p\u003e\n\n[🌐预览](https://vue3-vant-mobile.netlify.app) / [📖文档](https://vue-zone.github.io/docs/vue3-vant-mobile/) / [🗨️交流](https://github.com/vue-zone/vue3-vant-mobile/issues/56) / [📝反馈](https://github.com/vue-zone/vue3-vant-mobile/issues)\n\n[![Ask DeepWiki](https://deepwiki.com/badge.svg)](https://deepwiki.com/vue-zone/vue3-vant-mobile) [![Netlify Status](https://api.netlify.com/api/v1/badges/e6828bd2-2904-4c3e-a67c-b97d32aa1275/deploy-status)](https://app.netlify.com/sites/vue3-vant-mobile/deploys)\n\n\u003c/div\u003e\n\n\u003cbr\u003e\n\n## Features\n\n- ⚡️ [Vue 3](https://github.com/vuejs/core), [Vite 7](https://github.com/vitejs/vite), [pnpm](https://pnpm.io/), [esbuild](https://github.com/evanw/esbuild) - born with fastness\n\n- 🗂 [File based routing](./src/router)\n\n- 📦 [Components auto importing](./src/components)\n\n- 🍍 [State Management via Pinia](https://pinia.vuejs.org)\n\n- 📲 [PWA](https://github.com/antfu/vite-plugin-pwa)\n\n- 🎨 [UnoCSS](https://github.com/antfu/unocss) - the instant on-demand atomic CSS engine\n\n- 🌍 [I18n ready](./src/locales)\n\n- 🔥 Use the [new `\u003cscript setup\u003e` syntax](https://github.com/vuejs/rfcs/pull/227)\n\n- 📥 [APIs auto importing](https://github.com/antfu/unplugin-auto-import) - use Composition API and others directly\n\n- 💪 TypeScript, of course\n\n- 💾 [Mock](https://github.com/pengzhanbo/vite-plugin-mock-dev-server) server Support\n\n- 🌈 Git hooks - lint and commit\n\n- 🪶 [Vant](https://github.com/youzan/vant) - Vue UI library for mobile web apps\n\n- 🔭 [vConsole](https://github.com/vadxq/vite-plugin-vconsole) - the developer tool for mobile web page\n\n- 📱 Browser adaptation - use viewport vw/vh units\n\n- 💻 [Desktop optimization](https://github.com/wswmsword/postcss-mobile-forever) - the mobile area\n\n- 🌓 Dark Mode Support\n\n- 🛡️ Configure [ESM](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules) as default\n\n- ☁️ Deploy on [Netlify](https://www.netlify.com), zero-config\n\n\u003cbr\u003e\n\n## Pre-packed\n\n### UI Frameworks\n\n- [UnoCSS](https://github.com/antfu/unocss) - The instant on-demand atomic CSS engine\n- [Vant](https://github.com/youzan/vant) - Vue UI library for mobile web apps\n  - [`vant-touch-emulator`](https://github.com/youzan/vant/tree/main/packages/vant-touch-emulator) - Simulate mobile touch events on the desktop\n  - [`vant-use`](https://github.com/youzan/vant/tree/main/packages/vant-use) - Built-in composition APIs of Vant\n\n### Plugins\n\n- [Vue Router](https://github.com/vuejs/router)\n  - [`unplugin-vue-router`](https://github.com/posva/unplugin-vue-router) - file system based routing\n- [Pinia](https://pinia.vuejs.org) - Intuitive, type safe, light and flexible Store for Vue using the composition api\n  - [`pinia-plugin-persistedstate`](https://github.com/prazdevs/pinia-plugin-persistedstate) - Configurable persistence and rehydration of Pinia stores\n- [Vue I18n](https://github.com/intlify/vue-i18n-next) - Internationalization\n  - [`unplugin-vue-i18n`](https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n) - unplugin for Vue I18n\n- [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) - components auto import\n- [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import) - Directly use Vue Composition API and others without importing\n- [vite-plugin-vconsole](https://github.com/vadxq/vite-plugin-vconsole) - A lightweight, extendable front-end developer tool for mobile web page\n- [vite-plugin-mock-dev-server](https://github.com/pengzhanbo/vite-plugin-mock-dev-server) - Vite Plugin for API mock dev server\n- [postcss-mobile-forever](https://github.com/wswmsword/postcss-mobile-forever) - To adapt different displays by one mobile viewport\n- [vite-plugin-vue-devtools](https://github.com/vuejs/devtools-next) - Designed to enhance the Vue developer experience\n- [vueuse](https://github.com/antfu/vueuse) - collection of useful composition APIs\n- [@unhead/vue v2](https://github.com/unjs/unhead) - manipulate document head reactively\n- [vite-plugin-pwa](https://github.com/antfu/vite-plugin-pwa) - PWA\n- [vite-plugin-sitemap](https://github.com/jbaubree/vite-plugin-sitemap) - sitemap and robots generator\n\n### Coding Style\n\n- Use Composition API with [`\u003cscript setup\u003e` SFC syntax](https://github.com/vuejs/rfcs/pull/227)\n- [ESLint](https://eslint.org/) with [@antfu/eslint-config](https://github.com/antfu/eslint-config), single quotes, no semi\n\n### Dev tools\n\n- [TypeScript](https://www.typescriptlang.org/)\n- [pnpm](https://pnpm.js.org/) - fast, disk space efficient package manager\n- [Netlify](https://www.netlify.com/) - zero-config deployment\n- [VS Code Extensions](./.vscode/extensions.json)\n  - [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) - Vue 3 `\u003cscript setup\u003e` IDE support\n  - [Unocss](https://marketplace.visualstudio.com/items?itemName=antfu.unocss) - UnoCSS for VS Code\n  - [Goto Alias](https://marketplace.visualstudio.com/items?itemName=antfu.goto-alias) - Go to Definition following alias redirections\n  - [Iconify IntelliSense](https://marketplace.visualstudio.com/items?itemName=antfu.iconify) - Icon inline display and autocomplete\n  - [File Nesting](https://marketplace.visualstudio.com/items?itemName=antfu.file-nesting) - Config of File Nesting for VS Code\n  - [i18n Ally](https://marketplace.visualstudio.com/items?itemName=lokalise.i18n-ally) - All in one i18n support\n  - [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - Eslint support\n  - [Better JSON5](https://marketplace.visualstudio.com/items?itemName=blueglassblock.better-json5) - JSON5 support\n\n## Try it now\n\n\u003e vue3-vant-mobile requires Node 20+\n\n### GitHub Template\n\n[Create a repo from this template on GitHub](https://github.com/vue-zone/vue3-vant-mobile/generate)\n\n### Clone to local\n\nIf you prefer to do it manually with the cleaner git history\n\n```bash\nnpx tiged vue-zone/vue3-vant-mobile my-mobile-app\ncd my-mobile-app\npnpm i # If you don't have pnpm installed, run: npm install -g pnpm\n```\n\n## Checklist\n\nWhen you use this template, try follow the checklist to update your info properly\n\n- [ ] Change the author name in `LICENSE`\n- [ ] Change the title in `index.html`\n- [ ] Change the hostname in `vite.config.ts`\n- [ ] Change the favicon in `public`\n- [ ] Clean up the READMEs and remove routes\n\nAnd, enjoy :)\n\n## Usage\n\n### Development\n\nJust run and visit \u003chttp://localhost:3000\u003e\n\n```bash\npnpm dev\n```\n\n### Build\n\nTo build the App, run\n\n```bash\npnpm build\n```\n\nAnd you will see the generated file in `dist` that ready to be served.\n\n### Deploy on Netlify\n\nGo to [Netlify](https://app.netlify.com/start) and select your clone, `OK` along the way, and your App will be live in a minute.\n\n## Community 👏\n\nWe recommend that [issue](https://github.com/vue-zone/vue3-vant-mobile/issues) be used for problem feedback, or [Wechat group](https://github.com/vue-zone/vue3-vant-mobile/issues/56).\n\n## Donation ☕\n\n[Buy Me a Coffee](https://github.com/CharleeWa/sponsor)\n\n\u003ch2 align=\"center\"\u003e💝 Our Sponsors 💝\u003c/h2\u003e\n\n\u003cp align=\"center\"\u003e\nYour sponsorship will help us continue to iterate on this exciting project! 🚀\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://github.com/keyFeng\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/52267976?v=4\" width=\"60px\" alt=\"keyFeng\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/ljt990218\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/50509815?v=4\" width=\"60px\" alt=\"ljt990218\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/heked\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/14127731?v=4\" width=\"60px\" alt=\"heked\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/topcnm\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/8057893?v=4\" width=\"60px\" alt=\"topcnm\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/qiyue2015\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/11554433?v=4\" width=\"60px\" alt=\"qiyue2015\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/scc0\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/45963033?v=4\" width=\"60px\" alt=\"scc0\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/xiaminxi\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/37994820?v=4\" width=\"60px\" alt=\"xiaminxi\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/wangpeng00544\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/54630102?v=4\" width=\"60px\" alt=\"wangpeng00544\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/ljgx\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/59424192?v=4\" width=\"60px\" alt=\"ljgx\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch2 align=\"center\"\u003e\n💪 Contributors 💪\n\u003c/h2\u003e\n\n\u003cp align=\"center\"\u003e\nOur contributors have made this project better. Thank you! 🙏\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://github.com/CharleeWa\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/22477554?v=4\" width=\"60px\" alt=\"CharleeWa\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/ljt990218\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/50509815?v=4\" width=\"60px\" alt=\"ljt990218\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/wswmsword\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/26893092?v=4\" width=\"60px\" alt=\"wswmsword\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/weiq\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/1697158?v=4\" width=\"60px\" alt=\"weiq\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/SublimeCT\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/20380890?v=4\" width=\"60px\" alt=\"SublimeCT\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/ReginYuan\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/49477488?v=4\" width=\"60px\" alt=\"ReginYuan\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/smartsf\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/19995400?v=4\" width=\"60px\" alt=\"smartsf\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/Kysen777\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/63892082?v=4\" width=\"60px\" alt=\"Kysen777\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/Leezon\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/38120280?v=4\" width=\"60px\" alt=\"Leezon\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/AlphaYoung111\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/54132313?v=4\" width=\"60px\" alt=\"AlphaYoung111\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/leo4developer\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/15160478?v=4\" width=\"60px\" alt=\"leo4developer\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/InsHomePgup\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/47906083?v=4\" width=\"60px\" alt=\"InsHomePgup\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/wowping\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/137802961?v=4\" width=\"60px\" alt=\"wowping\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/ChunyuPCY\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/21986942?v=4\" width=\"60px\" alt=\"ChunyuPCY\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/qiyue2015\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/11554433?v=4\" width=\"60px\" alt=\"qiyue2015\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/pyQianYi\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/57526688?v=4\" width=\"60px\" alt=\"pyQianYi\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/xyy94813\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/17971352?v=4\" width=\"60px\" alt=\"xyy94813\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/faukwaa\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/133618995?v=4\" width=\"60px\" alt=\"faukwaa\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/chensongni\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/18071921?v=4\" width=\"60px\" alt=\"chensongni\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/csheng-github\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/88492404?v=4\" width=\"60px\" alt=\"csheng-github\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/LostElkByte\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/24487727?v=4\" width=\"60px\" alt=\"LostElkByte\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/xuxichen\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/18108140?v=4\" width=\"60px\" alt=\"xuxichen\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/1411430556\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/67215517?v=4\" width=\"60px\" alt=\"1411430556\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n## License\n\n[MIT](./LICENSE) License\n\n\u003cp align=\"right\"\u003e\n  \u003ca href=\"#top\"\u003e⬆️ Back to Top\u003c/a\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvue-zone%2Fvue3-vant-mobile","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvue-zone%2Fvue3-vant-mobile","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvue-zone%2Fvue3-vant-mobile/lists"}