本项目基于vue3+ElementPlus+Typescript+Vite搭建一套通用的后台管理模板；并基于常见业务场景，抽象出常见功能组件；包括动态菜单，菜单权限、登录、主题切换、国际化、个人中心、表单页、列表页、复制文本、二维码分享等等
Vue
1,348
365 commits
updated Nov 12, 2025
Vue3.0:
Vite ⚡:
Element-plus:
Give a ⭐️ if this project helped you!
推荐使用webkit内核浏览器
支持现代浏览器, 不支持 IE
 IE | Edge |  Firefox |  Chrome |  Safari |
|---|---|---|---|---|
| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
欢迎参与贡献，提出问题、新功能合并请求等！
最新的贡献情况可以参阅 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
# 安装依赖 （推荐使用 pnpm）
pnpm install
# 启动服务
pnpm run dev
# 打包
pnpm run build
# 本地预览打包后的dist文件
pnpm run preview
Note: This project uses pnpm as the package manager. Please install pnpm first:
npm install -g pnpm
# 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
开源不易, 有了您的赞助, 我们会做的更好~
本项目基于vue3+ElementPlus+Typescript+Vite搭建一套通用的后台管理模板；并基于常见业务场景，抽象出常见功能组件；包括动态菜单，菜单权限、登录、主题切换、国际化、个人中心、表单页、列表页、复制文本、二维码分享等等
Vue
1,348
365 commits
updated Nov 12, 2025
Vue3.0:
Vite ⚡:
Element-plus:
Give a ⭐️ if this project helped you!
推荐使用webkit内核浏览器
支持现代浏览器, 不支持 IE
IE | Edge | Firefox | Chrome | Safari |
|---|---|---|---|---|
| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
欢迎参与贡献，提出问题、新功能合并请求等！
最新的贡献情况可以参阅 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
# 安装依赖 （推荐使用 pnpm）
pnpm install
# 启动服务
pnpm run dev
# 打包
pnpm run build
# 本地预览打包后的dist文件
pnpm run preview
Note: This project uses pnpm as the package manager. Please install pnpm first:
npm install -g pnpm
# 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
开源不易, 有了您的赞助, 我们会做的更好~