指南
Vue3 Element Admin 的核心使用说明,面向前端开发者。
快速导航
| 场景 | 入口文档 | 预计耗时 |
|---|---|---|
| 第一次使用,想跑通项目 | 快速开始 | 10 分钟 |
| 了解项目结构 | 项目结构 | 5 分钟 |
| 接口请求封装 | 接口请求 | 5 分钟 |
| 路由与菜单系统 | 路由和菜单 | 10 分钟 |
| 权限控制实现 | 权限控制 | 15 分钟 |
| 状态管理方案 | 状态管理 | 10 分钟 |
| 开发规范参考 | 代码规范 | 20 分钟 |
| 样式与主题定制 | 主题配置 | 10 分钟 |
| 国际化配置 | 国际化 | 15 分钟 |
| 构范部署流程 | 构建和部署 | 15 分钟 |
核心模块速查
| 模块 | 关键文件 | 一句话说明 |
|---|---|---|
| HTTP 请求 | src/utils/request.ts | Axios 封装 + 拦截器 |
| 路由守卫 | src/router/guards/ | 权限校验 + 动态路由加载 |
| 状态仓库 | src/store/modules/ | Pinia Store 定义 |
| 类型导出 | @/types/ | 全局类型定义 |
| 常量定义 | @/constants/ | 枚举常量、错误码 |
| 工具函数 | @/utils/ | 日期处理、权限判断等 |
| Composables | @/composables/ | 可复用组合式函数 |
| 布置中心 | .env / env/*.env | 环境变量 |
| Vite 配置 | vite.config.ts | 插件、代理、构建 |
定制化指南
如果需要移除某些功能:
下一步
- 组件库 - 查看 24 个业务组件
- Composables - 学习组合式函数用法
- 专题 - 深入了解架构原理
