[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8936":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":17,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":22,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":39,"readmeContent":40,"aiSummary":41,"trendingCount":16,"starSnapshotCount":16,"syncStatus":42,"lastSyncTime":43,"discoverSource":44},8936,"vue3.0-template-admin","GeekQiaQia\u002Fvue3.0-template-admin","GeekQiaQia","本项目基于vue3+ElementPlus+Typescript+Vite搭建一套通用的后台管理模板；并基于常见业务场景，抽象出常见功能组件；包括动态菜单，菜单权限、登录、主题切换、国际化、个人中心、表单页、列表页、复制文本、二维码分享等等","https:\u002F\u002Fgeekqiaqia.github.io\u002Fvue3.0-template-admin\u002F#\u002Flogin?redirect=\u002Fhome",null,"Vue",1347,358,20,21,0,1,56.27,"MIT License",false,"main",true,[24,25,26,27,28,29,30,31,32,33,34,35,36,37,38],"element-plus","element-ui","typescript","vetur","vite","vite2","volar","vscode","vscode-command-palette","vue","vue-admin","vue-next","vue-next-admin","vue3","vue3-typescript","2026-06-12 04:00:42","# vue3.0-template-admin\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"README.md\">中文\u003C\u002Fa> | \n  \u003Ca href=\"README.en.md\">English\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\nVue3.0:\n\u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvue\u002Fv\u002Fnext\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fvue\u002Fnext.svg\" alt=\"vue\">\n  \u003C\u002Fa>\n  \u003C\u002Fbr>\n  Vite ⚡:\n    \u003Ca href=\"https:\u002F\u002Fnpmjs.com\u002Fpackage\u002Fvite\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fvite.svg\" alt=\"npm package\">\u003C\u002Fa>\n  \u003C\u002Fbr>\nElement-plus:\n\u003Ca href=\"https:\u002F\u002Fwww.npmjs.org\u002Fpackage\u002Felement-plus\">\n\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Felement-plus.svg\">\n\u003C\u002Fa>\n\u003C\u002Fp>\n\n- 💪 Vue 3.0 Composition API\n- 🔥 Written in TypeScript\n- 🏠 预览 [vue3.0-template-admin](https:\u002F\u002Fgeekqiaqia.github.io\u002Fvue3.0-template-admin\u002F#\u002Flogin?redirect=\u002Fhome)\n\n## ⭐️ Show your support\n\nGive a ⭐️ if this project helped you!\n\n## 已完成功能 | The functionality is complete\n\n- [x] Element Plus\n- [x] N+1 多级菜单\n- [x] Dashboard\n- [x] 表格\n- [x] router Tab 选项卡\n- [x] 表单\n- [x] 图表 :antv or echart\n- [x] 二维码生成\n- [x] 导入导出 Excel\n- [x] 导出 Zip 文件\n- [x] 拖拽组件\n- [x] 富文本编辑器\n- [x] markdown 编辑器\n- [x] 个人页\n- [x] 登录\u002F注册页\n- [x] 404 \u002F 403\n- [x] 菜单管理\n- [x] 角色管理\n- [x] 自定义图标\n- [x] 图片拖拽\u002F裁剪\n- [x] 支持切换主题色:一键换肤\n- [x] 指令权限：v-permisson \u002F全局方法：$permission (参考 tableList.vue)\n- [x] 国际化\n- [x] 项目看板\n\n## 正在完成功能 | The functionality is being completed\n\n- [x] 可拖拽弹窗\n- [x] 导航模式切换\n- [x] 内容区域控制\n\n## 使用到的插件\u002F库 | Plugin or lib\n\n- **eslint-plugin-vue** [eslint-plugin-vue](https:\u002F\u002Feslint.vuejs.org\u002Fuser-guide\u002F#faq)\n- **axios** 强大的前端请求库\n- **fues.js** [fues.js Fuzzy Search 前端模糊搜索](https:\u002F\u002Fgithub.com\u002Fkrisk\u002FFuse)\n- **echart** [echart 数据可视化](http:\u002F\u002Fecharts.apache.org\u002Fzh\u002Findex.html)\n- **antv** [antv 蚂蚁数据可视化](https:\u002F\u002Fantv.vision\u002Fzh)\n- **xlsx** [xlsx SheetJS ](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fxlsx)\n- **jszip** [jszip 优秀的前端压缩库 ](https:\u002F\u002Fgithub.com\u002FStuk\u002Fjszip)\n- **mockjs** [mockjs 模拟和交互数据](http:\u002F\u002Fmockjs.com\u002F)\n- **wangeditor** [wangeditor 富文本编辑器](https:\u002F\u002Fwww.wangeditor.com\u002Fdoc\u002F)\n- **fullcalendar** [fullcalendar 丰富的日历插件](https:\u002F\u002Fgithub.com\u002Ffullcalendar\u002Ffullcalendar-example-projects\u002Ftree\u002Fmaster\u002Fvue3-typescript)\n- **driverJS** [轻量级 driverJS 新用户引导](https:\u002F\u002Fkamranahmed.info\u002Fdriver.js\u002F)\n\n## 工程化 | Project Tool\n\n- Git Hook 工具：[husky](https:\u002F\u002Ftypicode.github.io\u002Fhusky\u002F#\u002F) + [lint-staged](https:\u002F\u002Fgithub.com\u002Fokonet\u002Flint-staged)\n- 代码规范：[EditorConfig](http:\u002F\u002Feditorconfig.org) + [Prettier](https:\u002F\u002Fprettier.io\u002F) + [ESLint](https:\u002F\u002Feslint.org\u002F) + [Airbnb JavaScript Style Guide](https:\u002F\u002Fgithub.com\u002Fairbnb\u002Fjavascript#translation)\n- 提交规范：[Commitizen](http:\u002F\u002Fcommitizen.github.io\u002Fcz-cli\u002F) + [Commitlint](https:\u002F\u002Fcommitlint.js.org\u002F#\u002F)\n- 包管理器：[only-allow](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fonly-allow)\n\n## 浏览器支持\n\n推荐使用`webkit`内核浏览器\n\n支持现代浏览器, 不支持 IE\n\n| [\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Fedge\u002Fedge_48x48.png\" alt=\" Edge\" width=\"24px\" height=\"24px\" \u002F>](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003C\u002Fbr>IE | [\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Fedge\u002Fedge_48x48.png\" alt=\" Edge\" width=\"24px\" height=\"24px\" \u002F>](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003C\u002Fbr>Edge | [\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Ffirefox\u002Ffirefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" \u002F>](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003C\u002Fbr>Firefox | [\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Fchrome\u002Fchrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" \u002F>](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003C\u002Fbr>Chrome | [\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Fsafari\u002Fsafari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" \u002F>](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003C\u002Fbr>Safari |\n| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |\n|                                                                                             not support                                                                                              |                                                                                            last 2 versions                                                                                             |                                                                                                  last 2 versions                                                                                                  |                                                                                                last 2 versions                                                                                                |                                                                                                last 2 versions                                                                                                |\n\n## 合作优质项目 | Partner project\n\n- [h5-Dooring - H5-Dooring 是一款功能强大，专业可靠的 H5 可视化页面配置解决方案](https:\u002F\u002Fgithub.com\u002FMrXujiang\u002Fh5-Dooring)\n- [Blink - 一款自定义的生成故障艺术动画的组件库](https:\u002F\u002Fgithub.com\u002FMrXujiang\u002Fblink)\n- [frontend-developer-roadmap | 一个能提高开发者工作效率的前端 js 库汇总](https:\u002F\u002Fgithub.com\u002FMrXujiang\u002Ffrontend-developer-roadmap)\n- [generator-admin-cli | vue3.0-admin-cli 中后台脚手架](https:\u002F\u002Fgithub.com\u002FGeekQiaQia\u002Fgenerator-admin-cli)\n\n## 🤝 贡献 | Contributing\n\n欢迎参与贡献，提出问题、新功能合并请求等！\n\n最新的贡献情况可以参阅 GitHub 提供的[contributors](https:\u002F\u002Fgithub.com\u002FGeekQiaQia\u002Fvue3.0-template-admin\u002Fgraphs\u002Fcontributors)页面\n\n### ❓ 问题 | Issue\n\nContributions, issues and feature requests are welcome!.\n\u003Cbr \u002F>Feel free to check [issues page](https:\u002F\u002Fgithub.com\u002FGeekQiaQia\u002Fvue3.0-template-admin\u002Fissues).\n\n欢迎提 Issues\n\n## 脚手架 | scaffolding\n\n您也可以使用脚手架搭建最简洁的启动项目\n\nYou can also use scaffolding to build the simplest startup project\n\n- [generator-admin-cli | vue3.0-admin-cli 中后台脚手架](https:\u002F\u002Fgithub.com\u002FGeekQiaQia\u002Fgenerator-admin-cli)\n\n```bash\nnpm install -g yo\nnpm install -g generator-vue3-admin-cli\n```\n\nThen generate your new project:\n\n```bash\nyo vue3-admin-cli\n```\n\n## 快速启动 | Quick Start\n\n```bash\n# 克隆项目\n# cnpmjs\ngit clone https:\u002F\u002Fgithub.com.cnpmjs.org\u002FGeekQiaQia\u002Fvue3.0-template-admin.git\n\n# or\ngit clone https:\u002F\u002Fgithub.com\u002FGeekQiaQia\u002Fvue3.0-template-admin.git\n\n# 进入项目目录\ncd vue3.0-template-admin\n\n# 安装依赖 （推荐使用 pnpm）\npnpm install\n\n# 启动服务\npnpm run dev\n\n# 打包\npnpm run build\n\n# 本地预览打包后的dist文件\npnpm run preview\n```\n\n> **Note:** This project uses **pnpm** as the package manager. Please install pnpm first:\n> ```bash\n> npm install -g pnpm\n> ```\n\n## 同步代码 | synchronizing code\n\n```\n# add upstream\ngit remote add upstream https:\u002F\u002Fgithub.com\u002FGeekQiaQia\u002Fvue3.0-template-admin\n\n# 抓取源仓库修改 master分支\ngit fetch upstream main\n\n# 切换分支\ngit checkout main\n\n# 合并远程分支\ngit merge upstream\u002Fmain\n```\n\n## git 提交 | git commit\n\n     git add *  \u002F\u002F add everything\n\n     git status  \u002F\u002F check status\n\n     git cz  \u002F\u002F commit change\n\n     git push \u002F\u002F push stage commit\n\n    \u002F\u002F 如果cz 命令无法找到，全局安全commitize\n     npm install -g commitizen\n\n## 持续升级 | Continuous upgrades\n\n- [x] 重构 request.ts 请求，使其灵活可配置化；\n- [x] 使用 AES 加密方式，对密码进行安全加密；\n- [x] 完成换肤切换功能，使用 ElementPlus theme-chalk 实现换肤\n- [x] 重构登录注册页面，完善忘记密码交互以及必填字段校验\n- [x] 设计角色管理，选择不同的角色，授权不同的菜单\n- [x] 根据不同的登录用户角色，展示不同的菜单\n- [x] 【enhance】 vite 不同环境变量配置\n\n## 技术反馈和交流群 | Technical feedback and communication\n\n\u003Cimg src=\".\u002Fsrc\u002Fassets\u002Fimages\u002Fowner.png\" width=\"180px\" \u002F>\n\n\u003Cimg src=\"https:\u002F\u002Fp9-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F20ff38830efd4ee1813087da6e73dbfe~tplv-k3u1fbpfcp-watermark.image?\" width=\"180px\" \u002F>\n\n\n\n\n开源不易, 有了您的赞助, 我们会做的更好~\n\n\u003Cimg src=\".\u002Fsrc\u002Fassets\u002Fimages\u002Fzan.png\" width=\"180px\" \u002F>\n\n## 快照 | screen shots\n\n### 登录注册\n\n![image.png](.\u002Fsrc\u002Fassets\u002Fimages\u002F90827394-92b5-4106-9a01-0255b4f4363a.png)\n\n### 主题风格\n\n![image.png](https:\u002F\u002Fp6-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002Fbd27dbaba4f94db88a98468640f3ca00~tplv-k3u1fbpfcp-watermark.image)\n\n### 国际化\n\n![image.png](https:\u002F\u002Fp6-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F024bc719b2484b8780210277379431cc~tplv-k3u1fbpfcp-watermark.image?)\n\n### 全屏功能\n\n![image.png](https:\u002F\u002Fp6-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F17ee79df049c4536a73177e4ae086650~tplv-k3u1fbpfcp-watermark.image)\n\n### tab 标签页\n\n![image.png](https:\u002F\u002Fp9-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F35d69fce489445f58cfa1a4f1962553b~tplv-k3u1fbpfcp-watermark.image)\n\n### 首页\n\n![image.png](https:\u002F\u002Fp9-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002Fbfe5cd938e134a118fc6e9294d0caa30~tplv-k3u1fbpfcp-watermark.image?)\n\n### Dashboard\n\n#### 工作台\n\n![image.png](https:\u002F\u002Fp6-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002Ff6586b8a2a6d42e9844519217f277b74~tplv-k3u1fbpfcp-watermark.image)\n\n#### 分析页\n\n![image.png](https:\u002F\u002Fp6-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F6bf206ec2c4f48f5bc6569e24a33bdec~tplv-k3u1fbpfcp-watermark.image?)\n\n### 复制文本\n\n![image.png](https:\u002F\u002Fp9-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F7272b219e496438898a3fb7d81859087~tplv-k3u1fbpfcp-watermark.image)\n\n### 列表页\n\n![image.png](https:\u002F\u002Fp3-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002Fbacbafba94094ea8a0e8659b0bec382c~tplv-k3u1fbpfcp-watermark.image)\n\n### 表单页\n\n#### 基础表单\n\n![image.png](https:\u002F\u002Fp9-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F6db9c82b879d4b10bda9507a334698fd~tplv-k3u1fbpfcp-watermark.image)\n\n#### 分步表单\n\n![image.png](https:\u002F\u002Fp6-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F42ae54a0b94044f8aa9c844d201da213~tplv-k3u1fbpfcp-watermark.image)\n\n#### 高级表单\n\n![image.png](https:\u002F\u002Fp1-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F1b255c09f13e4b2cbab2b8d6696d0cb2~tplv-k3u1fbpfcp-watermark.image)\n\n### 二维码\n\n![image.png](https:\u002F\u002Fp1-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002Fb06fc12a50b047699c6fb3c556af05a3~tplv-k3u1fbpfcp-watermark.image)\n\n### 个人中心\n\n![image.png](https:\u002F\u002Fp9-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002Fad571e4fdb9146de9348f10b1651cb57~tplv-k3u1fbpfcp-watermark.image)\n\n### 个人设置\n\n![image.png](https:\u002F\u002Fp9-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002Fc361ca504b1a4396929bd33730bdb350~tplv-k3u1fbpfcp-watermark.image)\n\n\u003C!-- ### 主题设置\n\n![image.png](https:\u002F\u002Fp1-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002Fcc192a56d9104cd3b8404b37c024ac76~tplv-k3u1fbpfcp-watermark.image) -->\n\n### 拖拽组件\n\n![image.png](https:\u002F\u002Fp9-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F6fa6e9b7f60a440196b6b7b8586dc64f~tplv-k3u1fbpfcp-watermark.image)\n\n### 菜单管理\n\n![image.png](https:\u002F\u002Fp3-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F8dcdc968093348c8a2cfe2f6d17c2c59~tplv-k3u1fbpfcp-watermark.image)\n\n### 角色管理\n\n![image.png](https:\u002F\u002Fp3-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F2d3e75f06808445ba3aab88186633d4e~tplv-k3u1fbpfcp-watermark.image)\n","GeekQiaQia\u002Fvue3.0-template-admin 是一个基于 Vue 3、Element Plus 和 TypeScript 构建的通用后台管理模板。该项目提供了丰富的功能组件，如动态菜单、权限控制、登录验证、主题切换、国际化支持、个人中心、表单页和列表页等。技术特点包括使用 Vite 构建工具以提高开发效率，以及采用 Composition API 和 TypeScript 提升代码质量和可维护性。适用于需要快速搭建企业级后台管理系统或希望有一个高质量前端框架作为起点的开发者。",2,"2026-06-11 03:20:21","top_language"]