【源码】基于 Vue3 和 Element Plus 框架的中后台管理系统

项目简介

本项目 vue3-fast-admin 是一个开源且开箱即用的中后台管理系统。它基于 Vue3、Vite、Element-Plus、TypeScript、Pinia 等主流技术开发，内置大量可直接使用的组件，能帮助开发者快速构建中后台管理系统。

项目的主要特性和功能

1. 支持白天和暗黑模式切换，Echarts 可动态换肤。
2. 具备动态权限路由，能根据不同用户权限展示对应页面。
3. 拥有自定义的 vite plugin 插件，便于进行功能扩展。
4. 采用 eslint + prettier 进行代码检测和格式化，husky + lint - staged 实现 git 提交格式化，@commitlint/cli + @commitlint/config - conventional 规范代码日志。

安装使用步骤

安装依赖

假设已下载本项目的源码文件，进入项目根目录后，执行以下命令安装依赖： bash pnpm install 若未安装 pnpm，也可使用 npm 进行安装： bash npm install

本地开发

安装完成后，启动本地开发服务器： bash pnpm start 或者使用 npm： bash npm run start

项目打包

如需将项目进行打包，可执行以下命令： bash npm run build

打包大小分析

若要分析打包后的文件大小，使用此命令： bash npm run report

预览打包结果

打包完成后，可预览打包结果： bash npm run preview

测试账号

• 用户名：admin，密码：任意，拥有 admin 的权限，可以查看所有页面。
• 用户名：test，密码：任意，拥有 test 的页面权限，可以查看部分页面。
• 用户名：editor，密码：任意，拥有 editor 的页面权限，可以查看富文本等页面。

浏览器支持

本地开发推荐使用 Chrome 80+ 浏览器，支持现代浏览器，不支持 IE。

下载地址

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