【源码】基于 Vue 3 框架的移动 web 应用模板

项目简介

本项目是基于 Vue 3 生态系统打造的移动 web 应用模板，运用了 Vue 3.5、Vite 6、Vant 4、Pinia、TypeScript、UnoCSS 等前沿技术，集成了 Dark Mode、系统主题色和 Mock 数据等功能，开发者能够在此模板基础上直接开展业务逻辑开发。

项目的主要特性和功能

1. 开发技术：采用 Vue 3.5 与 TypeScript 结合 <script setup> 单文件组件的开发模式。
2. 构建工具：以 Vite 6 作为开发和构建工具，支持 Gzip 打包、TSX 语法以及跨域代理。
3. 状态管理：用 Pinia 替代 Vuex，轻量且易用，还集成了 Pinia 持久化插件。
4. 组件与样式：支持组件自动化加载，使用 Vant 4 组件库和 UnoCSS 即时原子化 CSS 引擎。
5. 图标与主题：集成多种图标方案，支持深色模式和多语言国际化。
6. 数据可视化：集成 ECharts 数据可视化图表，封装了 useECharts Hooks。
7. 测试与封装：使用 Vitest 进行单元测试，对 Axios 进行了封装。
8. 数据模拟与适配：支持本地 Mock 数据模拟，采用 viewport vw/vh 单位进行浏览器适配布局。
9. 代码规范：集成 Eslint 代码校验规范，用 Prettier 格式化代码，通过 simple - git - hooks、lint - staged、commitlint 规范提交信息。

安装使用步骤

环境准备

确保本地已安装 Pnpm、Node.js 和 Git，推荐使用 pnpm >= 8.15.4，Node.js 版本要求为 18.x 以上，推荐 ^18.18.0 || >=20.0.0。

复制项目并安装依赖

```bash

cd lemon-template-vue

pnpm install ```

启动开发服务器

bash pnpm dev

项目打包

bash pnpm build

下载地址

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