项目简介

本项目是基于 vite 2.x、vue 3.x、antd-design-vue 3.x 和 typescript 4.x 搭建的后台管理系统模板。利用 vue 3.x 的新特性与 Composition API，提升了代码的灵活性和可维护性。集成 typescript 带来强大的类型检查和自动完成功能，打造出一个灵活、可扩展且易于维护的现代前端技术栈后台管理系统模板。

项目的主要特性和功能

主要特性

1. 采用 vite 2.x 构建，热更新速度快，构建流程得到优化。
2. 运用 vue 3.x 并支持 Composition API，组件逻辑清晰且可复用。
3. 集成 antd-design-vue 3.x，提供丰富的 UI 组件和样式指南。
4. 使用 typescript 4.x，具备强大的类型检查和自动完成能力。

功能模块

1. 用户管理：包含用户注册、登录、信息修改等功能。
2. 角色管理：可对用户角色进行增删改查操作，支持角色权限分配。
3. 菜单管理：管理系统菜单和路由，支持动态路由生成。
4. 数据管理：处理后台各类数据，包含表格、表单等。
5. 权限控制：实现细粒度权限控制，支持基于角色的权限分配。

安装使用步骤

获取项目代码

bash git clone <项目仓库地址>

安装依赖

进入项目目录并安装依赖： bash cd vite-vue3-admin pnpm install

运行项目

启动项目： bash pnpm serve

打包项目： bash pnpm build

vscode 配置

安装项目根目录 .vscode 推荐的插件，再安装 Volar 并禁用 Vetur，重启 vscode 即可。使用 Composition API 时可参考 vueuse 的各种 hooks 提高开发效率。

下载地址

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