admin123
/
shop-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
31 Commits 1 Branch 0 Tags 5 MiB
Vue 66.2%
TypeScript 32%
CSS 1.1%
JavaScript 0.5%
HTML 0.2%
Go to file
dzq 91edf31223 refactor(ProductList): 使用 `watch` 替代 `onBeforeRouteUpdate` 监听路由变化 
为了简化代码逻辑，将 `onBeforeRouteUpdate` 替换为 `watch` 监听路由路径变化。这样可以直接在路径变化时触发数据刷新，减少不必要的回调处理。
 		2025-04-18 17:14:57 +08:00
.github 初始化 2025-03-05 09:22:29 +08:00
.husky 微信支付 2025-03-17 08:30:57 +08:00
.vscode 配置智能柜锁 2025-03-21 17:00:06 +08:00
public feat(approval): 添加用户信息和开柜功能 2025-04-17 16:40:04 +08:00
src refactor(ProductList): 使用 `watch` 替代 `onBeforeRouteUpdate` 监听路由变化 2025-04-18 17:14:57 +08:00
tests 初始化 2025-03-05 09:22:29 +08:00
types feat(订单页面): 添加打开柜子功能并优化支付方式选择界面 2025-04-15 16:54:40 +08:00
.editorconfig 初始化 2025-03-05 09:22:29 +08:00
.env feat(订单页面): 添加打开柜子功能并优化支付方式选择界面 2025-04-15 16:54:40 +08:00
.env.development feat(approval): 优化退货审批流程并添加文件上传功能 2025-04-08 09:22:21 +08:00
.env.production feat(approval): 优化退货审批流程并添加文件上传功能 2025-04-08 09:22:21 +08:00
.env.staging feat(approval): 优化退货审批流程并添加文件上传功能 2025-04-08 09:22:21 +08:00
.gitignore .git 2025-03-05 10:19:50 +08:00
.npmrc 初始化 2025-03-05 09:22:29 +08:00
LICENSE 初始化 2025-03-05 09:22:29 +08:00
README.md 初始化 2025-03-05 09:22:29 +08:00
README.zh-CN.md 初始化 2025-03-05 09:22:29 +08:00
eslint.config.js 初始化 2025-03-05 09:22:29 +08:00
index.html 初始化 2025-03-05 09:22:29 +08:00
package.json 初始化 2025-03-05 09:22:29 +08:00
pnpm-lock.yaml 初始化 2025-03-05 09:22:29 +08:00
postcss.config.ts 初始化 2025-03-05 09:22:29 +08:00
project.config.json 初始化 2025-03-05 09:22:29 +08:00
project.private.config.json 初始化 2025-03-05 09:22:29 +08:00
tsconfig.json 初始化 2025-03-05 09:22:29 +08:00
uno.config.ts 初始化 2025-03-05 09:22:29 +08:00
vite.config.ts 微信支付 2025-03-17 08:30:57 +08:00

README.md

logo

Mobile + Vue = MobVue

github release github stars gitee stars

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 Code
  • Install the recommended plugins in the .vscode/extensions.json file
  • node 20.x or 22+
  • pnpm 9.x or 10+
Local Development 
# Install dependencies
pnpm i

# Start the development server
pnpm dev
Build 
# Build for the staging environment
pnpm build:staging

# Build for the production environment
pnpm build
Local Preview 
# Execute the build command first to generate the dist directory, then run the preview command
pnpm preview
Code Check 
# Code linting and formatting
pnpm lint

# Unit tests
pnpm 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

Chinese Repository：gitee

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

🫧 Embrace Atomic CSS

🔧 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

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

Project Preview Image

preview

License

MIT License © 2025-PRESENT pany