课程介绍

想掌握 Vue 3.5 管理系统的全栈开发技能？这门课程将带你从零开始，逐步搭建完整的管理系统，让你具备独立开发与部署前后端项目的能力。无论你是前端新手还是有一定经验的开发者，都可以通过这个系统化的课程，快速提升项目搭建、组件开发、状态管理、认证及发布等核心技术能力

• 第一章：项目初始搭建与配置

在第一章，你将深入掌握如何使用 Vite 搭建 Vue 3.5 项目的基础架构。通过集成 ESLint 9、Prettier 等工具，你将体验到高效的开发流程，并确保代码质量。学习如何配置 Vue Router 进行路由管理，Pinia 进行状态管理，以及通过 Element Plus 提升 UI 开发的效率。你还将了解如何通过 Sass 和 Unocss 优化样式管理，并集成 Iconify 图标库实现按需导入，掌握高效组件管理的关键技巧

• 第二章：侧边导航组件开发

这一章将引导你开发动态侧边导航组件，自动生成菜单并展示递归导航结构。通过使用 keep-alive 和 transition，你将实现页面路由的缓存与流畅的动画效果。同时，学习如何实现 Pinia 状态持久化，确保用户的偏好配置能够在刷新后保留，打造更加完善的用户体验

• 第三章：组件开发

组件是现代前端开发的核心。本章将带你开发一系列实用的组件，包括面包屑导航、全屏切换、头像组件、标签导航和主题换肤功能。你不仅能学习如何动态调整 Element Plus 组件的尺寸，还将掌握实现标签删除、固定标签和路由缓存的技巧，轻松应对复杂的管理系统需求

• 第四章：认证与请求管理

在系统开发中，用户认证和 API 请求管理至关重要。本章将教你如何设计和开发安全的登录页面，并通过封装 Axios 请求来处理 token 令牌管理和错误状态码处理。你还将学习如何配置代理与登录逻辑，实现路由守卫功能，为你的管理系统增加权限控制，确保系统的安全性和稳定性

• 第五章：用户管理与菜单管理

用户和权限管理是任何企业系统的核心功能。本章将引导你实现用户、角色的增删改查功能，并学习如何通过菜单树展示层级菜单结构，实现菜单的拖拽与编辑操作。你还将掌握按钮权限配置技术，实现按钮级别的权限验证，确保不同用户能在系统中享有不同的操作权限

• 第六章：Vue 项目的自动发布与部署

课程最后一章将带你进入项目的自动发布与部署环节。通过配置 CI/CD 工具，你将实现自动化构建，并将项目部署到自有的 SSH 服务器上，让你的管理系统可以快速上线，确保项目的高效运维

课程目录

• 01.Vue3项目搭建eslint、prettier配置
• 02.Vue3项目集成router、pinia
• 03.Vue3样式处理scss及unocss配置
• 04.Vue3组件库接入及自动导入配置
• 05.Vue 3.5 企业级管理系统实战 2
• 06.Vue 3.5 企业级管理系统实战 3
• 07.Vue 3.5 企业级管理系统实战 4
• 08.Vue 3.5 企业级管理系统实战 5
• 09.Vue 3.5 企业级管理系统实战 6
• 10.Vue 3.5 企业级管理系统实战7
• 11.Vue 3.5 企业级管理系统实战8
• 12.Vue 3.5 企业级管理系统实战9