# vue-admin-framework **Repository Path**: zoe_zls/vue-admin-framework ## Basic Information - **Project Name**: vue-admin-framework - **Description**: No description available - **Primary Language**: HTML - **License**: GPL-3.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2026-07-15 - **Last Updated**: 2026-07-21 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # Vue Admin Framework 基于 Vue 3 + Element Plus 的后台管理系统前端框架。 ## 技术栈 - **Vue 3** - 渐进式 JavaScript 框架 - **Element Plus** - 基于 Vue 3 的组件库 - **Vue Router 4** - 官方路由管理器 - **Pinia** - 状态管理方案 - **Vite** - 下一代前端构建工具 - **ECharts** - 数据可视化图表库 - **wangEditor** - 富文本编辑器 - **Axios** - HTTP 客户端 - **SCSS** - CSS 预处理器 ## 功能特性 - 用户登录 / 权限管理 - 动态侧边栏 + 面包屑导航 - 数据表格 CRUD 操作 - ECharts 图表可视化 - wangEditor 富文本编辑器 - 响应式布局 - 路由守卫 + NProgress 进度条 ## 项目结构 ``` vue-admin-framework/ ├── public/ # 静态资源 ├── src/ │ ├── api/ # API 接口 │ ├── assets/ # 静态资源 │ ├── components/ # 公共组件 │ ├── layouts/ # 布局组件 │ │ ├── components/ # 布局子组件 │ │ └── index.vue # 主布局 │ ├── router/ # 路由配置 │ ├── stores/ # Pinia 状态管理 │ ├── styles/ # 全局样式 │ ├── utils/ # 工具函数 │ ├── views/ # 页面视图 │ │ ├── charts/ # 图表分析 │ │ ├── dashboard/ # 数据看板 │ │ ├── editor/ # 富文本编辑 │ │ ├── error/ # 错误页面 │ │ ├── login/ # 登录页 │ │ └── system/ # 系统管理 │ ├── App.vue # 根组件 │ └── main.js # 入口文件 ├── .env # 环境变量 ├── index.html # HTML 模板 ├── package.json # 项目依赖 └── vite.config.js # Vite 配置 ``` ## 快速开始 ### 安装依赖 ```bash npm install ``` ### 启动开发服务器 ```bash npm run dev ``` ### 构建生产环境 ```bash npm run build ``` ### 预览生产构建 ```bash npm run preview ``` ## 默认账号 - 用户名: `admin` - 密码: 任意密码 ## 浏览器支持 - Chrome >= 80 - Firefox >= 78 - Safari >= 13 - Edge >= 88