📱 A crafted Vue3 mobile template | Vue Mobile | Vue H5 | Vue Vant | Vue3 Mobile | Vue3 H5 | Vue3 Vant | Vue 移动端模板 | Vue3 移动端模板
567
stars
166
commits
TypeScript
primary language
Dec 10, 2025
updated
README
Mobile + Vue = MobVue
English | 中文
Introduction
MobVue is a well-crafted mobile web app template, built with popular technologies such as Vue3, Vite, TypeScript, and Vant
Notifications
[!NOTE] Powered by love! All source code is free and open-source. If you find it helpful, feel free to give a star to support!
[!TIP] Paid services are officially launched! If you don’t want to do it yourself but want to remove TS or other modules, try the lazy package! Click to check it out
Usage
Recommended Environment
- Latest version of
Visual Studio Codeor AI IDECursorandTrae - Install the recommended plugins in the
.vscode/extensions.jsonfile node20.19+ or 22.12+pnpm10+bunlatest
Local Development
Using Node + pnpm
# Install dependencies
pnpm i
# Start the development server
pnpm dev
Using Bun
bun i
bun run dev
Build
Using Node + pnpm
# Build for the staging environment
pnpm build:staging
# Build for the production environment
pnpm build
Using Bun
bun run build:staging
bun run build
Local Preview
Using Node + pnpm
# Execute the build command first to generate the dist directory, then run the preview command
pnpm preview
Using Bun
bun run preview
Code Check
Using Node + pnpm
# Code linting and formatting
pnpm lint
# Unit tests
pnpm test
Using Bun
bun run lint
bun run test
Commit Guidelines
feat New feature
fix Bug fix
perf Performance improvement
refactor Code refactoring
docs Documentation and comments
types Type-related changes
test Unit tests related
ci Continuous integration, workflows
revert Revert changes
chore Chores (update dependencies, modify configurations, etc)
Links
Online Preview: github-pages
Documentation and Tutorials: link
Backend Management System: v3-admin-vite
Chinese Repository: gitee, atomgit
Chat Group: check how to join
Donations: buy a coffee for the author
Releases & Changelog: releases
Features
🔥 Latest Syntax, Configuration, Dependencies
📍 Pure Level 1 Route Design - Clear and Cache-Friendly
📱 Mobile Adaptation px2vw - Also Wide-Screen Friendly
🌐 Browser Compatibility @vitejs/plugin-legacy + autoprefixer + browserslist - Compatible with multiple browsers and lower versions
🧩 Layout System - Configurable
🔒 Permission Control Page Level, Button Level
🌗 Theme Mode Dark Mode
📲 PWA - Progressive Web App
🔧 Components and API Auto Import on Demand
🔎 Husky + lint-staged + ESLint - Code Standardization
💪🏻 Still TypeScript - Strict Mode with No any
👀 More Features - Route Cache, Defensive Watermark, Grayscale and Colorblind Mode, SVG Loader, VConsole, White Screen Loading Animation, Unit Tests, I18n
Tech Stack
Vue3: Vue3 + script setup with the latest Vue3 Composition API
Vant: A lightweight, customizable Vue UI library for mobile web apps
Pinia: The legendary Vuex5
Vite: Really fast
Vue Router: The routing system
TypeScript: A superset of JavaScript
pnpm: A faster, disk-space-saving package manager
ESLint: Code linting and formatting
Axios: Sends network requests
UnoCSS: A high-performance, flexible atomic CSS engine
Bun：A fast JavaScript runtime
Project Preview Image
Contributors
A big thank you to all the contributors!
WeChat Official Account
New attempts, welcome to follow
License
Contributors
Similar repos
Languages
TypeScript
63.9%
Vue
28.4%
CSS
4.5%
JavaScript
2.0%
HTML
1.3%
📱 A crafted Vue3 mobile template | Vue Mobile | Vue H5 | Vue Vant | Vue3 Mobile | Vue3 H5 | Vue3 Vant | Vue 移动端模板 | Vue3 移动端模板
567
stars
166
commits
TypeScript
primary language
Dec 10, 2025
updated
README
Mobile + Vue = MobVue
English | 中文
Introduction
MobVue is a well-crafted mobile web app template, built with popular technologies such as Vue3, Vite, TypeScript, and Vant
Notifications
[!NOTE] Powered by love! All source code is free and open-source. If you find it helpful, feel free to give a star to support!
[!TIP] Paid services are officially launched! If you don’t want to do it yourself but want to remove TS or other modules, try the lazy package! Click to check it out
Usage
Recommended Environment
- Latest version of
Visual Studio Codeor AI IDECursorandTrae - Install the recommended plugins in the
.vscode/extensions.jsonfile node20.19+ or 22.12+pnpm10+bunlatest
Local Development
Using Node + pnpm
# Install dependencies
pnpm i
# Start the development server
pnpm dev
Using Bun
bun i
bun run dev
Build
Using Node + pnpm
# Build for the staging environment
pnpm build:staging
# Build for the production environment
pnpm build
Using Bun
bun run build:staging
bun run build
Local Preview
Using Node + pnpm
# Execute the build command first to generate the dist directory, then run the preview command
pnpm preview
Using Bun
bun run preview
Code Check
Using Node + pnpm
# Code linting and formatting
pnpm lint
# Unit tests
pnpm test
Using Bun
bun run lint
bun run test
Commit Guidelines
feat New feature
fix Bug fix
perf Performance improvement
refactor Code refactoring
docs Documentation and comments
types Type-related changes
test Unit tests related
ci Continuous integration, workflows
revert Revert changes
chore Chores (update dependencies, modify configurations, etc)
Links
Online Preview: github-pages
Documentation and Tutorials: link
Backend Management System: v3-admin-vite
Chinese Repository: gitee, atomgit
Chat Group: check how to join
Donations: buy a coffee for the author
Releases & Changelog: releases
Features
🔥 Latest Syntax, Configuration, Dependencies
📍 Pure Level 1 Route Design - Clear and Cache-Friendly
📱 Mobile Adaptation px2vw - Also Wide-Screen Friendly
🌐 Browser Compatibility @vitejs/plugin-legacy + autoprefixer + browserslist - Compatible with multiple browsers and lower versions
🧩 Layout System - Configurable
🔒 Permission Control Page Level, Button Level
🌗 Theme Mode Dark Mode
📲 PWA - Progressive Web App
🔧 Components and API Auto Import on Demand
🔎 Husky + lint-staged + ESLint - Code Standardization
💪🏻 Still TypeScript - Strict Mode with No any
👀 More Features - Route Cache, Defensive Watermark, Grayscale and Colorblind Mode, SVG Loader, VConsole, White Screen Loading Animation, Unit Tests, I18n
Tech Stack
Vue3: Vue3 + script setup with the latest Vue3 Composition API
Vant: A lightweight, customizable Vue UI library for mobile web apps
Pinia: The legendary Vuex5
Vite: Really fast
Vue Router: The routing system
TypeScript: A superset of JavaScript
pnpm: A faster, disk-space-saving package manager
ESLint: Code linting and formatting
Axios: Sends network requests
UnoCSS: A high-performance, flexible atomic CSS engine
Bun：A fast JavaScript runtime
Project Preview Image
Contributors
A big thank you to all the contributors!
WeChat Official Account
New attempts, welcome to follow
License
Similar repos
Contributors
Languages
TypeScript
63.9%
Vue
28.4%
CSS
4.5%
JavaScript
2.0%
HTML
1.3%