{"id":13626485,"url":"https://github.com/mvpyb/vite-element-admin","last_synced_at":"2025-04-16T14:33:49.517Z","repository":{"id":41582880,"uuid":"380888988","full_name":"mvpyb/vite-element-admin","owner":"mvpyb","description":"Vite Element Admin 是一个免费开源的中后台模版。使用了最新的vue3,vite2等主流技术开发，开箱即用的中后台前端解决方案，也可用于学习参考","archived":false,"fork":false,"pushed_at":"2023-06-26T06:18:26.000Z","size":245313,"stargazers_count":220,"open_issues_count":2,"forks_count":44,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-11-08T16:44:08.709Z","etag":null,"topics":["admin","element-plus","i18n","javascript","pinia","threejs","vite","vue","vue-router4","vue3","vuex","vuex4"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mvpyb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2021-06-28T02:58:17.000Z","updated_at":"2024-10-23T05:12:37.000Z","dependencies_parsed_at":"2024-01-14T07:17:26.511Z","dependency_job_id":"7fc6064c-91a0-42c4-9832-ba00301b855b","html_url":"https://github.com/mvpyb/vite-element-admin","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mvpyb%2Fvite-element-admin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mvpyb%2Fvite-element-admin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mvpyb%2Fvite-element-admin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mvpyb%2Fvite-element-admin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mvpyb","download_url":"https://codeload.github.com/mvpyb/vite-element-admin/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249250821,"owners_count":21237961,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["admin","element-plus","i18n","javascript","pinia","threejs","vite","vue","vue-router4","vue3","vuex","vuex4"],"created_at":"2024-08-01T21:02:20.264Z","updated_at":"2025-04-16T14:33:48.367Z","avatar_url":"https://github.com/mvpyb.png","language":"Vue","readme":"\n## 简介\n\nVite Element Admin 是一个免费开源的中后台模版(Js 版本)。使用了最新的`vue3`,`vite2`,`pinia`等主流技术开发，开箱即用的中后台前端解决方案，也可用于学习参考。该模板功能和JS版本保持一致\n\n## 特性\n\n- **最新技术栈**：使用 Vue3/vite2 等前端前沿技术开发\n- **Mock 数据** 内置 Mock 数据方案\n- **权限** 内置完善的动态路由权限生成方案\n- **组件** 二次封装了多个常用的组件\n- **vuex版本** 可以下载2.x版本\n\n## 预览\n\n- [在线预览 - 码云](https://simmon_page.gitee.io/vite-element-admin/dist/)\n- [在线预览 - GitHub](https://mvpyb.github.io/vite-element-admin/dist/)\n\n- [github](https://github.com/mvpyb/vite-element-admin) - 完整版github站点\n- [码云](https://gitee.com/simmon_page/vite-element-admin) - 完整版码云站点\n\n---\n\n- Typescript 版: [Vite-Element-Admin-ts（Github）](https://github.com/mvpyb/vite-element-admin-ts)\n- Typescript 版: [Vite-Element-Admin-ts（Gitee）](https://github.com/mvpyb/vite-element-admin-ts)\n\n---\n\n- React 版: [React-Ant-Admin（Github）](https://github.com/mvpyb/react-ant-admin)\n- React 版: [React-Ant-Admin（Gitee）](https://gitee.com/simmon_page/react-antd-admin)\n\n---\n\n- Nuxt Template: [Nuxt-Simple-Template（Github）](https://github.com/mvpyb/nuxt-simple-template) - 等3.x稳定了之后会同步增加3.x版本\n- Nuxt Template: [Nuxt-Simple-Template（Gitee）](https://gitee.com/simmon_page/nuxt-simple-template)\n\n---\n\n- Vant Template: [Vite-Vant-Template（Github）](https://github.com/mvpyb/vite-vant-template)\n- Vant Template: [Vite-Vant-Template（Gitee）](https://gitee.com/simmon_page/vite-vant-template)\n\n---\n\n\n测试账号: 随便填\n测试密码: 随便填\n\n## 效果预览(3.x )\n\n\u003cp align=\"center\"\u003e\n   \u003cimg alt=\"PureAdmin Logo\" width=\"100%\" src=\"http://pic.yupoo.com/454539387/b51791f0/2a9ef9f2.jpg\"\u003e\n   \u003cimg alt=\"PureAdmin Logo\" width=\"100%\" src=\"http://pic.yupoo.com/454539387/5584bfb8/bb7d2925.jpg\"\u003e\n   \u003cimg alt=\"PureAdmin Logo\" width=\"100%\" src=\"http://pic.yupoo.com/454539387/2d44c6f4/6d92062d.jpg\"\u003e\n\u003c/p\u003e\n\n\n## 效果预览(2.x VUEX版本)\n\n\u003cp align=\"center\"\u003e\n   \u003cimg alt=\"PureAdmin Logo\" width=\"100%\" src=\"http://pic.yupoo.com/454539387/904e4a82/646a9f0c.png\"\u003e\n   \u003cimg alt=\"PureAdmin Logo\" width=\"100%\" src=\"http://pic.yupoo.com/454539387/396f79db/a7447eae.png\"\u003e\n\u003c/p\u003e\n\n## 准备\n\n- [Vite](https://cn.vitejs.dev/) - vite 特性\n- [Vue3](https://v3.cn.vuejs.org/) - Vue3 基础语法\n- [Vue-Router-Next](https://next.router.vuejs.org/zh/index.html) - vue-router 4.x 文档\n- [Element-Plus-Vue](https://element-plus.gitee.io/#/zh-CN/component/installation) - Element UI组件\n- [Mock.js](https://github.com/nuysoft/Mock) - mockjs 基本语法\n\n## 目录结构\n\n```\n    ├── mock                       // Mock相关  \n    ├── config                     // 基础配置信息  \n    ├── src                        // 源代码\n    │   ├── api                    // 请求相关文件\n    │   ├── assets                 // 静态资源\n    │   ├── components             // 全局公用组件\n    │   ├── config                 // 全局常量等\n    │   ├── directive              // 全局指令\n    │   ├── icons                  // svg资源\n    │   ├── layout                 // layout\n    │   ├── locale                 // 国际化\n    │   ├── plugins                // plugins\n    │   ├── router                 // 路由\n    │   ├── store                  // 全局 store 管理\n    │   ├── styles                 // 全局样式\n    │   ├── utils                  // 工具函数\n    │   ├── vendor                 // 公用vendor\n    │   ├── views                  // 页面集合\n    │   │      ├── login           // 登录\n    │   ├── App.vue                // 入口页面\n    │   ├── main.js                // 入口 加载组件 初始化等\n    │   └── permission.js          // 权限管理\n    ├── .gitignore                 // git 忽略项\n    ├── favicon.ico                // favicon图标\n    ├── index.html                 // html模板\n    └── package.json               // package.json\n```\n\n## 开发\n\n```bash\n# 克隆项目\ngit clone https://github.com/mvpyb/vite-element-admin.git\n\n# 进入项目目录\ncd vite-element-admin\n\n# 安装依赖\nnpm install\n\n# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题\nnpm install --registry=https://registry.npm.taobao.org\n\n# 启动服务\nnpm run dev\n```\n\n## 发布\n\n```bash\n# 构建生产环境\nnpm run build\n```\n\n## qq群讨论\n![](http://pic.yupoo.com/454539387/4a6a5749/dfcf0fa0.png)\n\n## Donate\n\n如果你觉得这个项目帮助到了你，你可以帮作者买一杯果汁表示鼓励 \n\n| 微信 | 支付宝 |\n| ------ | ------- |\n| [![](http://pic.yupoo.com/454539387/193bac45/70a463c6.png)](bitcoin:)\u003cbr /\u003e\u003c/center\u003e |[![](http://pic.yupoo.com/454539387/42d4b71d/2cb80871.png)](bitcoin:)\u003cbr /\u003e\u003c/center\u003e |\n","funding_links":[],"categories":["Vue"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmvpyb%2Fvite-element-admin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmvpyb%2Fvite-element-admin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmvpyb%2Fvite-element-admin/lists"}