【源码】基于 Vue3 和 Vite 的移动端项目基础模板

项目简介

本项目是一个基于 Vue3 和 Vite 的移动端项目基础模板，为开发者提供了一个开箱即用、功能丰富且易于扩展的前端开发框架。它集成了 Vue3、Vite、TypeScript、Vant4 组件库、Tailwindcss 原子类框架、Pinia 状态管理等技术栈，支持深色模式、国际化、SVG 图标自动注册、视口适配等功能，适合快速构建移动端应用。

项目的主要特性和功能

技术栈

• Vue3：具备更强大的功能和性能。
• Vite：实现快速的前端开发环境与极速模块热更新。
• TypeScript：提供静态类型检查，增强代码可读性与可维护性。

组件库和框架

• Vant4：轻量、可靠的移动端 Vue 组件库。
• Tailwindcss：实用的 CSS 框架，通过类名快速构建界面。
• Pinia：Vue3 的状态管理库。

其他功能

支持深色模式、国际化（i18n）、Vue-router 4、SVG 图标自动注册组件、vmin 视口适配、Axios 封装、打包资源 gzip 压缩、开发环境 Mock 数据、ESLint 代码检查、首屏加载动画、开发环境调试面板、生产环境 CDN 依赖。

安装使用步骤

1. 复制项目

shell

2. 进入项目目录

shell cd vue3-h5-template

3. 安装依赖

shell pnpm install # 使用 pnpm 包管理器安装依赖，也可使用 npm 或 yarn

4. 启动服务

shell pnpm dev 启动成功后，访问 http://localhost:5000/ 可看到项目首页（默认端口为 5000）。可在项目根目录的 .env 文件中修改端口号等基础配置信息。

5. 其他分支

• i18n 国际化多语言版本： shell
• JavaScript 版本： shell

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】