Vue 3 + Vite + Element Plus 后台管理系统模板

一个基于 Vue 3、Vite 和 Element Plus 的后台管理系统模板，采用最新的前端技术栈，旨在提供一套简洁、高效、可扩展的开发基础。适合快速构建中大型后台应用，同时也适合学习 Vue 3 和 Vite 的最佳实践。

🚀 技术栈

• 核心框架：Vue 3 + Composition API + <script setup>
• 构建工具：Vite 5（极速开发体验）
• UI 组件库：Element Plus（全面支持 Vue 3）
• 状态管理：Pinia（Vue 官方推荐，轻量且强大）
• 路由管理：Vue Router 4
• HTTP 请求：Axios（封装请求拦截器）
• 代码规范：ESLint + Prettier
• CSS 预处理器：SCSS 或 Less（可选）

✨ 功能特性

• ✅ 最新技术栈：基于 Vue 3、Vite 5、Element Plus、Pinia 等最新版本
• ✅ TypeScript 支持：完全使用 TypeScript 编写，类型安全
• ✅ 权限控制：动态路由 + 按钮级权限（示例实现）
• ✅ 主题定制：Element Plus 主题色动态切换
• ✅ 国际化：内置 i18n 多语言支持（示例：中英文切换）
• ✅ 布局组件：常见后台布局（侧边栏、顶部导航、标签页等）
• ✅ 常用组件封装：表格、表单、弹窗、上传等业务组件
• ✅ 代码规范：集成 ESLint、Prettier，统一团队代码风格
• ✅ 高效开发：Vite 热更新、按需引入、环境变量配置

📦 快速开始

环境准备

• Node.js 22+ (建议使用 20 LTS)
• pnpm 8+ 或 yarn / npm