<div align="center"> <a href="https://github.com/huzhushan/vue3-element-admin"> <img alt="VEA Logo" width="160" src="https://huzhushan.gitee.io/vue3-element-admin-site/assets/logo.1d6978fb.svg"> </a> <br> <br>
[![license](https://img.shields.io/github/license/mashape/apistatus.svg)](LICENSE)
<h1>Vue3 Element Admin</h1>
</div>
## 简介
**Vue3 Element Admin** 是一个免费开源的中后台模版。基于`vue3`+`ElementPlus`+`Vite`开发,是一个开箱即用的中后台系统前端解决方案,它可以帮助你快速搭建企业级中后台产品原型,也可用于学习参考。
- [在线预览](https://huzhushan.gitee.io/vue3-element-admin-site/)
- [使用文档](https://huzhushan.gitee.io/vue3-element-admin)
## 项目地址
- [github 项目地址](https://github.com/huzhushan/vue3-element-admin)
- [gitee 项目地址](https://gitee.com/huzhushan/vue3-element-admin)
## 视频教程
- [使用 vue3-element-admin 开发后台管理系统](https://www.bilibili.com/video/BV12v411V7ho/)
- [vue3-element-admin 架构搭建过程](https://study.163.com/course/courseMain.htm?courseId=1211577825&share=2&shareId=400000000685053)
## 技术储备
> 提前了解和学习以下知识会对您使用本项目有很大的帮助
- [node](http://nodejs.org/) 和 [git](https://git-scm.com/) -项目开发环境
- [Es6+](http://es6.ruanyifeng.com/) - 熟悉 es6 基本语法
- [Vite](https://www.pipipi.net/vite/) - 熟悉 vite 特性
- [Vue3](https://v3.vuejs.org/) - 熟悉 Vue 基础语法
- [Vue-Router-Next](https://next.router.vuejs.org/zh/) - 熟悉 vue-router@4 基本使用
- [Element-Plus](https://element-plus.gitee.io/#/zh-CN) - ui 基本使用
- [Mock.js](https://github.com/nuysoft/Mock) - mockjs 基本语法
## 安装使用
```bash
# 克隆项目
git clone https://github.com/huzhushan/vue3-element-admin.git
# 进入项目目录
cd vue3-element-admin
# 安装依赖
npm install
# 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org
# 启动服务
npm start
```
## 打包发布
```bash
npm run build
```
## 更新日志
[CHANGELOG](https://github.com/huzhushan/vue3-element-admin/releases)
## 如何贡献
非常欢迎你的加入![提一个 Issue](https://github.com/huzhushan/vue3-element-admin/issues/new/choose) 或者提交一个 Pull Request。
**Pull Request:**
1. Fork 代码!
2. 创建自己的分支: `git checkout -b feat/xxxx`
3. 提交你的修改: `git commit -am 'feat(function): add xxxxx'`
4. 推送您的分支: `git push origin feat/xxxx`
5. 提交`pull request`
## Git 贡献提交规范
- 参考 [vue](https://github.com/vuejs/vue/blob/dev/.github/COMMIT_CONVENTION.md) 规范 ([Angular](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-angular))
- `feat` 增加新功能
- `fix` 修复问题/BUG
- `style` 代码风格相关无影响运行结果的
- `perf` 优化/性能提升
- `refactor` 重构
- `revert` 撤销修改
- `test` 测试相关
- `docs` 文档/注释
- `chore` 依赖更新/脚手架配置修改等
- `workflow` 工作流改进
- `ci` 持续集成
- `types` 类型定义文件更改
- `wip` 开发中
## 浏览器支持
本地开发推荐使用`Chrome 80+` 浏览器
| <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" /></br>IE | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" /></br>Edge | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /></br>Firefox | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /></br>Chrome | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /></br>Safari |
| :----------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------: |
| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
## 维护者
[@huzhushan](https://github.com/huzhushan)
## 捐赠
如果你觉得这个项目对你有帮助,你可以帮作者买一杯果汁表示支持:tropical_drink:
![donate](https://huzhushan.gitee.io/vue3-element-admin/donate.png)
## 交流
`Vue3-Element-Admin` 是完全开源免费的项目,在帮助开发者更方便地进行中大型管理系统开发,同时也提供 QQ 交流群使用问题欢迎在群内提问。
- QQ 群 `734037120`
## License
[MIT © ZSEN-2020](./LICENSE)
没有合适的资源?快使用搜索试试~ 我知道了~
vue3-element-admin-3.0.0.zip
共124个文件
js:60个
vue:43个
svg:8个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 155 浏览量
2023-11-27
21:37:50
上传
评论
收藏 207KB ZIP 举报
温馨提示
Vue3-Element-Admin 是一个免费开源的中后台模版。基于vue3+ElementPlus+Vite开发,是一个开箱即用的中后台系统前端解决方案。本项目是一个脚手架类的项目,包含登录退出、权限验证、动态面包屑、快捷标签栏、自适应侧边栏、页面缓存、打包构建等功能,但并不集成具体业务场景,只有几个功能引导页面。不过度封装业务组件,只封装了通用化的 SvgIcon 图标组件和 ProTable 列表页组件。
资源推荐
资源详情
资源评论
收起资源包目录
vue3-element-admin-3.0.0.zip (124个子文件)
style.css 35KB
.eslintignore 127B
.gitignore 278B
index.html 347B
favicon.ico 4KB
index.js 9KB
request.js 4KB
index.js 4KB
_createProductionServer.js 4KB
useTags.js 4KB
permission.js 3KB
useContextMenu.js 3KB
vite.config.js 3KB
test.js 3KB
tags.js 3KB
storage.js 3KB
menu.js 3KB
default-settings.js 3KB
useScrollbar.js 3KB
menu.js 3KB
useUserinfo.js 3KB
.eslintrc.js 2KB
encrypt.js 2KB
app.js 2KB
main.js 2KB
validate.js 2KB
useCloseTag.js 2KB
useResizeHandler.js 2KB
login.js 2KB
layoutSettings.js 2KB
error.js 2KB
error-log.js 2KB
scroll-to.js 2KB
lock.js 2KB
index.js 2KB
.prettierrc.js 1KB
test.js 1KB
open-window.js 1KB
global-components.js 928B
index.js 877B
account.js 867B
home.js 826B
errorLog.js 698B
topbar.js 681B
topbar.js 675B
login.js 657B
test.js 640B
redirect.js 639B
list.js 622B
list.js 608B
index.js 575B
menu.js 528B
login.js 513B
public.js 424B
menu.js 403B
public.js 385B
menu.js 347B
useLang.js 343B
login.js 281B
login.js 281B
error.js 165B
tags.js 156B
tags.js 149B
error.js 131B
postcss.config.js 62B
package-lock.json 231KB
package.json 2KB
jsconfig.json 162B
LICENSE 1KB
README.md 6KB
global-variables.scss 1KB
element-variables.scss 411B
menu.module.scss 109B
403.svg 13KB
500.svg 12KB
404.svg 8KB
language.svg 4KB
bug.svg 2KB
logo.svg 1KB
icon-home.svg 766B
home.svg 766B
index.vue 15KB
Unlock.vue 8KB
index.vue 7KB
Select.vue 6KB
index.vue 6KB
index.vue 5KB
index.vue 5KB
index.vue 5KB
LockModal.vue 4KB
Breadcrumbs.vue 4KB
Hamburger.vue 4KB
Menus.vue 4KB
index.vue 4KB
index.vue 4KB
index.vue 4KB
Userinfo.vue 3KB
Clock.vue 3KB
index.vue 3KB
Tree.vue 3KB
共 124 条
- 1
- 2
资源评论
YunFeiDong
- 粉丝: 152
- 资源: 3908
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- keil2 + proteus + 8051.exe
- 1961ee27df03bd4595d28e24b00dde4e_744c805f7e4fb4d40fa3f695bfbab035_8(1).c
- mediapipe-0.9.0.1-cp37-cp37m-win-amd64.whl.zip
- windows注册表编辑工具
- mediapipe-0.9.0.1-cp37-cp37m-win-amd64.whl.zip
- 校园通行码预约管理系统20240522075502
- 车类型数据集6250张VOC+YOLO格式.zip
- The PyTorch implementation of STGCN.STGCN-main.zip
- 092300108.cpp
- 车类型数据集6000张VOC+YOLO格式.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功