PanJiaChen / vue-element-admin

:tada: A magical vue admin https://panjiachen.github.io/vue-element-admin
MIT License
88.14k stars 30.5k forks source link

vue-element-admin vue3版本 , element-plus 已经发布了正式版本,你应该使用vue3版本的架构进行开发了 #3921

Open jzfai opened 2 years ago

jzfai commented 2 years ago

vue3-admin-plus

中文 | English

vue3-admin-plus提供企业级的开发demo

本架构使用的技术为:vue3(setup-script)+vite2+element-plus 的新一代的前端框架,It's fast!

使用 eslint+prettier+gitHooks 格式和校验代码,提高代码规范性和开发效率

使用最先进的包管理工具pnpm

更新日志

---请查看架构文档

文档

线上体验

github address

Access address

github 地址: https://github.com/jzfai/vue3-admin-plus.git

国内体验地址:http://8.135.1.141/vue3-admin-plus

例子

---- 我们先看看加载速度和构建后的包大小:

template-speed-analysis

template-demo

相关项目

框架有js,ts,plus和electron版本

开发和使用感受:两个字 真香!!!!!

vue3和vue2在性能上的对比

vite2和webpack打包速度上的对比

构建步骤

# 克隆项目
git clone https://github.com/jzfai/vue3-admin-plus.git

# 进入项目目录
cd  vue3-admin-plus

# pnpm address https://pnpm.io/zh/motivation
# 安装依赖(建议用pnpm)
# 你可以使用 "npm -g i pnpm" 去安装pnpm
pnpm i

# 启动服务
pnpm run dev

浏览器访问 http://localhost:5001

发布

# 构建测试环境
pnpm run build-serve

# 构建生产环境
pnpm run build

其它

# 预览发布环境效果
pnpm run preview:build-serve

# 预览生产环境
pnpm run preview

# 代码格式检查并自动修复
pnpm run lint

功能

- 登录 / 注销

- 权限验证
  - 页面权限
  - 指令权限
  - 权限配置
  - 二步登录

- 多环境发布
  - serve
  - build
  - priview
  - lint

- 全局功能
  #- 国际化多语言
  #- 多种动态换肤
  - 动态侧边栏(支持多级路由嵌套)
  - 动态面包屑
  - 快捷导航(标签页)
  - Svg Sprite 图标
  - 本地/后端 mock 数据
  #- Screenfull全屏
  - 自适应收缩侧边栏

- 编辑器
  - 富文本
  - Markdown
  #- JSON 等多格式

#- Excel
  #- 导出excel
  #- 导入excel
  #- 前端可视化excel
  #- 导出zip

- 表格
  - 动态表格
  #- 拖拽表格
  #- 内联编辑

- 错误页面
  - 401
  - 404

- 組件
  - 头像上传
  - 返回顶部
  #- 拖拽Dialog
  #- 拖拽Select
  #- 拖拽看板
  #- 列表拖拽
  #- SplitPane
  #- Dropzone
  #- Sticky
  #- CountTo

- 综合实例
- 错误日志
- Dashboard
#- 引导页
- ECharts 图表
#- Clipboard(剪贴复制)
#- Markdown2html

注:#---暂未实现(希望大家能一起开发)

额外

架构开发不易,如果感觉好,请给我点个 start ,架构还在不断完善中,欢迎加入我开发,一起成为Contributors !!!!

浏览器支持

注意:vue3不在支持IE浏览器 Modern browsers and Internet Explorer 11+.

讨论和交流(含vue3+ts视频教程)

WeChat group

版本

MIT license.

Copyright (c) 2021-present kuanghua

xiaohongzhou commented 2 years ago

nice

xgbnl commented 2 years ago

牛逼。大佬这个必须使用ts开发吗