# yulimchen/vue3-h5-template

🌱 A ready-to-use mobile project base template built with the Vue3, Vant, and Vite. | 基于 Vue3、Vite8、TypeScript/JavaScript、Tailwindcss、Vant4，开箱即用的移动端项目基础模板

Repository: https://github.com/yulimchen/vue3-h5-template
Canonical: https://ross.abutalabs.com/products/vue3-h5-template
Homepage: https://yulimchen.github.io/vue3-h5-template/
Language: Vue
License: MIT
License Family: permissive
Topics: vant, template, vue3, eruda, h5, typescript, vite, vue, demo, app, mobile, tailwindcss, starter, pinia, ts, javascript, js, i18n, iconify, vmin
Last push: 2026-06-09T15:28:29+00:00

## Health v2 (maintenance only)
Score: 88/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 86, release rhythm 84, longevity 100
- inputs: {"age_days": 2463, "days_push": 85, "days_rel": 109, "gap_med": 23.5, "n_releases_24m": 9}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1539, forks 339 (observed 2026-08-28T04:05:00.319764+00:00)

## What it is
A ready-to-use mobile H5 (mobile web) project starter template built on Vue 3, Vite, Vant 4, and Tailwind CSS, available in both TypeScript (default) and JavaScript branches. It comes preconfigured with Pinia, Vue Router, an Axios wrapper, dark mode, vmin viewport adaptation, mock data, ESLint, on-demand Vant component imports, gzip bundling, CDN dependencies, and an Eruda debug panel.

## Use cases
- start a new mobile web (H5) app with Vue 3 and Vite already set up
- scaffold a mobile-first Vue project with Vant UI components
- vue3 mobile template with tailwindcss and pinia preconfigured
- bootstrap a typescript mobile web project with routing and state management
- template with viewport adaptation and dark mode for mobile browsers
- kickstart an h5 app with mock data and a mobile debug console

## When to choose
- you are starting a fresh mobile H5 web application on the Vue ecosystem
- you want batteries-included setup: Vant, Tailwind, Pinia, Router, Axios, i18n, ESLint, and viewport adaptation configured out of the box
- you want a choice of TypeScript or JavaScript branches and ready-made icon and dark-mode solutions

## When to avoid
- you are building a desktop web app, native mobile app (React Native/Flutter), or an SSR/Nuxt project rather than an SPA-style mobile H5 site
- you use React, Angular, Svelte, or another non-Vue stack
- you have an existing project and only need individual libraries instead of a full project skeleton

## Facets
- artifact type: application
- maturity: active
- function: boilerplate, frontend-framework, ui-components, state-management, routing, http-client, internationalization, mock-api, theme, css-framework, developer-tools
- domain: web-development, frontend, mobile-development, developer-tools, cross-platform
- platform: browser
- tags: vue3, vite, vant, pinia, tailwindcss, typescript, javascript, vue-router, axios, starter-template, mobile-web, h5, dark-mode, viewport-adaptation, eslint, eruda, iconify, gzip-compression, cdn, on-screen-debug-console, nodejs, mobile

## Member repositories
- yulimchen/vue3-h5-template (main) score 88

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:00.319764+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T08:20:15.375524+00:00, confidence not recorded.
  - readme: https://github.com/yulimchen/vue3-h5-template (fetched 2026-08-28T04:05:00.319764+00:00, sha bf5bab7821ec)
  - homepage: https://yulimchen.github.io/vue3-h5-template/ (fetched 2026-08-29T11:32:40.048385+00:00, sha 8da840bc8910)
  - registry_npm: https://registry.npmjs.org/vue3-h5-template (fetched 2026-08-29T11:32:40.057207+00:00, sha ca737718c34b)
- Data as of 2026-08-30T08:39:29.467469+00:00.