vue3-admin-template

项目简介

vue3-admin-template是一个基于vue3和element-plus的后台管理系统模板，提供了一些常用的功能和组件，如路由、权限、主题、图表、表格、表单等。可以快速搭建你自己的后台管理系统。

项目预览

项目安装

克隆项目

git clone git@github.com:grxynl/vue3-admin-template.git

安装依赖

cd vue3-admin-template
npm install

项目运行

启动开发服务器

npm run dev

打包生产环境

npm run build

本框架主要的技术栈

Vue 3.2+
vite 4.2
typescript 4.9.3 pinia 2.1.4 element-plus 2.1.0
axios 1.3.4
less 4.1.3
echarts 5.4.2
mockjs 1.1.0

项目结构

├── public                     // 静态资源目录
├── src                        // 源码目录
│   ├── api                    // api接口目录
│   ├── assets                 // 资源目录
│   ├── components             // 公共组件目录
│   ├── constants              // 公共常量目录
│   ├── directives             // 公共指令目录
│   ├── enum                   // 公共枚举目录
│   ├── hooks                  // 公共模块目录
│   ├── layout                 // 布局组件目录
│   ├── mock                   // 模拟接口目录
│   ├── router                 // 路由配置目录
│   ├── store                  // 状态管理目录
│   ├── utils                  // 工具函数目录
│   ├── views                  // 页面组件目录
│   ├── App.vue                // 根组件
│   └── main.js                // 入口文件
├── .env.development           // 开发环境变量配置文件
├── .env.production            // 生产环境变量配置文件
├── .eslintrc.js               // eslint配置文件
├── .gitignore                 // git忽略文件配置文件
├── babel.config.js            // babel配置文件
├── package.json               // 项目依赖配置文件
├── README.md                  // 项目说明文档
└── vite.config.js             // vite配置文件

项目文档

查看临时文档

项目贡献

本项目遵循MIT开源协议，欢迎大家提出问题或建议，也欢迎大家提交代码或文档，一起完善这个项目。