- 💪 Vue 3.0 Composition API
- 🔥 Written in TypeScript
- 🏠 预览 vue3.0-template-admin
Give a ⭐️ if this project helped you!
- Element Plus
- N+1 多级菜单
- Dashboard
- 表格
- router Tab 选项卡
- 表单
- 图表 :antv or echart
- 二维码生成
- 导入导出 Excel
- 导出 Zip 文件
- 拖拽组件
- 富文本编辑器
- markdown 编辑器
- 个人页
- 登录/注册页
- 404 / 403
- 菜单管理
- 角色管理
- 自定义图标
- 图片拖拽/裁剪
- 支持切换主题色:一键换肤
- 指令权限:v-permisson /全局方法:$permission (参考 tableList.vue)
- 国际化
- 项目看板
- 可拖拽弹窗
- 导航模式切换
- 内容区域控制
- eslint-plugin-vue eslint-plugin-vue
- axios 强大的前端请求库
- fues.js fues.js Fuzzy Search 前端模糊搜索
- echart echart 数据可视化
- antv antv 蚂蚁数据可视化
- xlsx xlsx SheetJS
- jszip jszip 优秀的前端压缩库
- mockjs mockjs 模拟和交互数据
- wangeditor wangeditor 富文本编辑器
- fullcalendar fullcalendar 丰富的日历插件
- driverJS 轻量级 driverJS 新用户引导
- Git Hook 工具:husky + lint-staged
- 代码规范:EditorConfig + Prettier + ESLint + Airbnb JavaScript Style Guide
- 提交规范:Commitizen + Commitlint
- 包管理器:only-allow
推荐使用webkit
内核浏览器
支持现代浏览器, 不支持 IE
![]() IE |
![]() Edge |
![]() Firefox |
![]() Chrome |
![]() Safari |
---|---|---|---|---|
not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
- h5-Dooring - H5-Dooring 是一款功能强大,专业可靠的 H5 可视化页面配置解决方案
- Blink - 一款自定义的生成故障艺术动画的组件库
- frontend-developer-roadmap | 一个能提高开发者工作效率的前端 js 库汇总
- generator-admin-cli | vue3.0-admin-cli 中后台脚手架
欢迎参与贡献,提出问题、新功能合并请求等!
最新的贡献情况可以参阅 GitHub 提供的contributors页面
Contributions, issues and feature requests are welcome!.
Feel free to check issues page.
欢迎提 Issues
您也可以使用脚手架搭建最简洁的启动项目
You can also use scaffolding to build the simplest startup project
npm install -g yo
npm install -g generator-vue3-admin-cli
Then generate your new project:
yo vue3-admin-cli
# 克隆项目
# cnpmjs
git clone https://github.com.cnpmjs.org/GeekQiaQia/vue3.0-template-admin.git
# or
git clone https://github.com/GeekQiaQia/vue3.0-template-admin.git
# 进入项目目录
cd vue3.0-template-admin
# 安装依赖 (推荐yarn)
npm install / yarn
# 启动服务
npm run dev / yarn dev
# 打包
npm run build / yarn build
# 本地预览打包后的dist文件
npm run preview / yarn preview
# add upstream
git remote add upstream https://github.com/GeekQiaQia/vue3.0-template-admin
# 抓取源仓库修改 master分支
git fetch upstream main
# 切换分支
git checkout main
# 合并远程分支
git merge upstream/main
git add * // add everything
git status // check status
git cz // commit change
git push // push stage commit
// 如果cz 命令无法找到,全局安全commitize
npm install -g commitizen
- 重构 request.ts 请求,使其灵活可配置化;
- 使用 AES 加密方式,对密码进行安全加密;
- 完成换肤切换功能,使用 ElementPlus theme-chalk 实现换肤
- 重构登录注册页面,完善忘记密码交互以及必填字段校验
- 设计角色管理,选择不同的角色,授权不同的菜单
- 根据不同的登录用户角色,展示不同的菜单
- 【enhance】 vite 不同环境变量配置
开源不易, 有了您的赞助, 我们会做的更好~