{"id":13506626,"url":"https://github.com/zhaotoday/element-plus","last_synced_at":"2025-04-10T06:19:58.795Z","repository":{"id":37648488,"uuid":"84545806","full_name":"zhaotoday/element-plus","owner":"zhaotoday","description":"基于 Vue3 + Element Plus 的后台管理系统。","archived":false,"fork":false,"pushed_at":"2024-10-17T16:30:02.000Z","size":2910,"stargazers_count":705,"open_issues_count":5,"forks_count":171,"subscribers_count":21,"default_branch":"master","last_synced_at":"2025-01-30T11:02:06.865Z","etag":null,"topics":["element-plus","vue3"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zhaotoday.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-03-10T09:58:55.000Z","updated_at":"2025-01-20T05:32:03.000Z","dependencies_parsed_at":"2024-01-13T19:55:56.398Z","dependency_job_id":"ba9eab21-be20-4df5-8d78-d676cf507a0f","html_url":"https://github.com/zhaotoday/element-plus","commit_stats":null,"previous_names":["zhaotoday/iview"],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhaotoday%2Felement-plus","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhaotoday%2Felement-plus/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhaotoday%2Felement-plus/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhaotoday%2Felement-plus/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zhaotoday","download_url":"https://codeload.github.com/zhaotoday/element-plus/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248166865,"owners_count":21058481,"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":["element-plus","vue3"],"created_at":"2024-08-01T01:00:54.731Z","updated_at":"2025-04-10T06:19:58.787Z","avatar_url":"https://github.com/zhaotoday.png","language":"JavaScript","funding_links":[],"categories":["Related Projects","Web 应用"],"sub_categories":[],"readme":"## 关于\n\n#### 介绍\n\n基于 Vue 3.0 + Element Plus 的后台前端解决方案，支持：开发调试、构建、代码规范校验等。\n\n#### 技术栈\n\nVue、Webpack、ES6、Vue Router、Vuex、Sass、PostCSS 等。\n\n## 命令\n\n```bash\n# 安装依赖\n$ npm install\n\n# 开发调试\n$ npm run serve\n\n# 代码校验\n$ npm run lint\n\n# 构建\n$ npm run build\n\n# 从模板创建文件\n$ npm run newfile\n```\n\n## 规范\n\n#### 项目结构\n\n```\n|- plop-templates                   基本模板\n|- public                           网站公共目录\n|  |- favicon.ico                   网站图标\n|  |- index.html                    HTML 模板\n|- src                              源码目录\n|  |- assets                        待编译的静态资源\n|     |- images                     图片\n|        |- components              组件图片\n|     |- styles                     样式\n|        |- global                  全局样式\n|           |- components           组件样式\n|              |- iconfont.scss     iconfont\n|           |- reset                CSS Reset\n|        |- utils                   Sass 工具\n|           |- variables            Sass 变量\n|  |- components                    公共组件\n|  |- composables                   公用 composiable 函数\n|  |- models                        数据模型\n|  |- router                        路由配置\n|     |- routes                     各个视图的路由配置\n|  |- store                         状态管理\n|     |- modules                    状态管理（指定命名空间）\n|        |- auth.js                 auth 状态管理\n|  |- utils                         JS 工具\n|  |- views                         视图\n|     |- home                       首页\n|  |- App.vue                       页面入口\n|  |- main.js                       程序入口\n```\n\n#### 公共组件规范\n\n公共组件放在 /src/components 下。\n\n```\n|- my-component               my component 组件\n|  |- index.vue               my component 的入口\n|  |- script.js               my component 的脚本\n|  |- style.scss              my component 的样式\n|  |- utils                   my component 的 JS 工具\n|  |- components              my component 的子组件\n|     |- child-component      my component 的子组件 child component\n```\n\n#### 视图规范\n\n视图，也就是页面，放在 /src/views 下。规范和公共组件一致。\n\n## 链接\n\n#### 文档\n\n- [Vue3 中文文档(官方)](https://v3.cn.vuejs.org/)\n- [Vue3 中文文档](https://vue3js.cn/docs/zh/)\n- [Vue3 组合式 API(官方)](https://composition-api.vuejs.org/zh/api.html)\n- [Vue3 组合式 API](https://vue3js.cn/vue-composition-api/)\n- [Vue3 组合式 API 高阶指南](https://vue3js.cn/docs/zh/guide/composition-api-introduction.html)\n- [Vue3 资源推荐](https://vue3js.cn/)\n- [Vue3 迁移指南](https://vue3js.cn/docs/zh/guide/migration/introduction.html)\n- [Vue3 API 参考](https://vue3js.cn/docs/zh/api/)\n- [Vue3 风格指南](https://vue3js.cn/docs/zh/style-guide/)\n\n#### 配套工具\n\n- [Vue CLI](https://cli.vuejs.org/migrating-from-v3/)\n- [Vue Router](https://vue3js.cn/router4/)\n- [Vuex](https://vue3js.cn/vuex/zh/)\n\n#### 视频\n\n- [米修在线 - Vue3 快速上手指南](https://www.bilibili.com/video/BV1HT4y137m3)\n- [李南江 - Vue3 正式版教程](https://www.bilibili.com/video/BV14k4y117LL)\n- [哈默聊前端 - Vue3](https://space.bilibili.com/492976859/video)\n- [大地 - Vue3 教程](https://www.bilibili.com/video/BV1zt411e7fp)\n- [Young 村长 - Composition API + 深度解读](https://www.bilibili.com/video/BV1my4y1m7sz)\n- [Young 村长 - Vue3 光速上手](https://www.bilibili.com/video/BV1Wh411X7Xp)\n- [Young 村长 - 项目打包、部署、CI/CD](https://www.bilibili.com/video/BV1Wh411X7Xp?p=30)\n\n#### 链接\n\n- [【Vue3 官方教程】🎄 万字笔记 | 同步导学视频 ](https://juejin.cn/post/6909247394904702984)\n- [vue3-study](https://github.com/su37josephxia/vue3-study)\n- [Vue-Mastery 学习笔记](https://www.yuque.com/nxtt7g/kompdt)\n- [@vue/composition-api - 用于提供组合式 API 的 Vue 2 插件](https://github.com/vuejs/composition-api/blob/master/README.zh-CN.md)\n- [@vue/composition-api 速成课](https://blog.csdn.net/frontend_frank/article/details/108786784)\n- [Vue Class Component v8 - The next Vue Class Component for Vue v3.](https://github.com/vuejs/vue-class-component/tree/next)\n- [Vue3 实战笔记](https://juejin.cn/post/6909632635665039367)\n- [快速使用 Vue3 最新的 15 个常用 API](https://juejin.cn/post/6897030228867022856)\n\n#### 开源后台\n\n- [primevue](https://github.com/primefaces/primevue)\n- [volt](https://volt.primevue.org/)\n- [vue-pure-admin](https://github.com/pure-admin/vue-pure-admin)\n- [vue-vben-admin](https://github.com/vbenjs/vue-vben-admin)\n- [vue3-antdv-admin](https://github.com/buqiyuan/vue3-antdv-admin)\n- [vue-admin-better](https://github.com/chuzhixin/vue-admin-better)\n- [vue-element-ui-admin(Vue3+ScriptSetup)](https://github.com/xusenlin/vue-element-ui-admin)\n- [v3-admin-vite](https://github.com/un-pany/v3-admin-vite)\n- [vue-element-plus-admin](https://github.com/kailong321200875/vue-element-plus-admin)\n- [SnowAdmin](https://gitee.com/wang_fan_w/SnowAdmin)\n- [vue3-element-admin](https://github.com/youlaitech/vue3-element-admin)\n- [naive-ui-admin](https://github.com/jekip/naive-ui-admin)\n- [soybean-admin](https://github.com/soybeanjs/soybean-admin)\n- [后台集合](http://vue.easydo.work/)\n- [Arco Design Pro](https://github.com/arco-design/arco-design-pro-vue)\n- [fantastic-admin](https://fantastic-admin.hurui.me/)\n- [AdminLTE](https://github.com/ColorlibHQ/AdminLTE)\n- [gin-vue-admin](https://github.com/flipped-aurora/gin-vue-admin)\n- [panis-admin](https://github.com/paynezhuang/panis-admin)\n\n#### 交互参考\n\n- [Cool JS](https://cool-js.com/)\n- [Ant Design Pro](https://pro.ant.design/zh-CN/)\n- [Ant Design Pro Components](https://procomponents.ant.design/)\n- [View UI 专业版](https://pro.iviewui.com/)\n- [复盘20+基于React的开源管理后台\u0026插件](https://juejin.cn/post/7304919237983404083)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhaotoday%2Felement-plus","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzhaotoday%2Felement-plus","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhaotoday%2Felement-plus/lists"}