<div align="center"> <img src="https://img-blog.csdnimg.cn/9efd5420327a46b7bd6d93524a97229d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbHl0LXRvcA==,size_14,color_FFFFFF,t_70,g_se,x_16"> <p align="center"> <a href="https://v3.vuejs.org/" target="_blank"> <img src="https://img.shields.io/badge/vue.js-vue3.x-green" alt="vue"> </a> <a href="https://element-plus.gitee.io/#/zh-CN/component/changelog" target="_blank"> <img src="https://img.shields.io/badge/element--plus-%3E1.0.0-blue" alt="element plus"> </a> <a href="https://www.tslang.cn/" target="_blank"> <img src="https://img.shields.io/badge/typescript-%3E4.0.0-blue" alt="typescript"> </a> <a href="https://vitejs.dev/" target="_blank"> <img src="https://img.shields.io/badge/vite-%3E2.0.0-yellow" alt="vite"> </a> <a href="https://gitee.com/lyt-top/vue-next-admin/blob/master/LICENSE" target="_blank"> <img src="https://img.shields.io/badge/license-MIT-success" alt="license"> </a> </p> <p> </p> </div> #### 🌈 介绍 基于 vue3.x + CompositionAPI + typescript + vite + element plus + vue-router-next + next.vuex，适配手机、平板、pc 的后台开源免费模板，希望减少工作量，帮助大家实现快速开发。 #### ⛱️ 线上预览 - vue3.x 版本预览（vue-next-admin）<a href="https://lyt-top.gitee.io/vue-next-admin-preview/#/login" target="_blank">https://lyt-top.gitee.io/vue-next-admin-preview/#/login</a> - vue2.x 版本预览（vue-prev-admin）<a href="https://lyt-top.gitee.io/vue-prev-admin-preview/#/login" target="_blank">https://lyt-top.gitee.io/vue-prev-admin-preview/#/login</a> #### 💒 代码仓库 - vue3.x 版本 <a href="https://gitee.com/lyt-top/vue-next-admin" target="_blank">https://gitee.com/lyt-top/vue-next-admin</a> - vue2.x 版本 <a href="https://gitee.com/lyt-top/vue-next-admin/tree/vue-prev-admin" target="_blank">https://gitee.com/lyt-top/vue-next-admin/tree/vue-prev-admin</a> #### 🚧 安装 cnpm、yarn - 复制代码(桌面 cmd 运行) `npm install -g cnpm --registry=https://registry.npm.taobao.org` - 复制代码(桌面 cmd 运行) `npm install -g yarn` #### 🏭 环境支持 | Edge | last 2 versions | last 2 versions | last 2 versions | | ------------------------------------------------------------------------ | --------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | ------------------------------------------------------------------------------ | |  |  |  |  | > 由于 Vue3 不再支持 IE11，故而 ElementPlus 也不支持 IE11 及之前版本。 #### ⚡ 使用说明 建议使用 cnpm，因为 yarn 有时会报错。<a href="http://nodejs.cn/" target="_blank">node 版本 > 12xx.xx.x</a> ```bash # 克隆项目 git clone https://gitee.com/lyt-top/vue-next-admin.git # 进入项目 cd vue-next-admin # 安装依赖 cnpm install # 运行项目 cnpm run dev # 打包发布 cnpm run build ``` #### 💯 学习交流加 QQ 群 - 若加群了没同意（一般秒过），那就是群满了（500 人群），请换一个群试试。群会定期清理半年（6 个月）未发言的群友，资源有限，请谅解。 - 查看开发文档：<a href="https://lyt-top.gitee.io/vue-next-admin-doc-preview" target="_blank">vue-next-admin-doc</a> - 群号码： 1 群：<a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=RdUY97Vx0T0vZ_1OOu-X1yFNkWgDwbjC&jump_from=webapi">665452019</a> 2 群：<a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=zVfy3gNy7pNWVK3kMduDzwU369PZg2fw&jump_from=webapi">766356862</a> 3 群：<a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=02EWb5P2JkP-8iwzaDadgFdxA0HSHPpn&jump_from=webapi">795345435</a> <a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=RdUY97Vx0T0vZ_1OOu-X1yFNkWgDwbjC&jump_from=webapi"> <img src="https://gitee.com/lyt-top/vue-next-admin-images/raw/master/user/qq1.png" width="220" height="220" alt="vue-next-admin 讨论群1" title="vue-next-admin 讨论群1"/> </a> <a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=zVfy3gNy7pNWVK3kMduDzwU369PZg2fw&jump_from=webapi"> <img src="https://gitee.com/lyt-top/vue-next-admin-images/raw/master/user/qq2.png" width="220" height="220" alt="vue-next-admin 讨论群2" title="vue-next-admin 讨论群2"/> </a> <a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=02EWb5P2JkP-8iwzaDadgFdxA0HSHPpn&jump_from=webapi"> <img src="https://gitee.com/lyt-top/vue-next-admin-images/raw/master/user/qq3.png" width="220" height="220" alt="vue-next-admin 讨论群3" title="vue-next-admin 讨论群3"/> </a> #### 💒 集成后端 - <a target="_blank" href="https://github.com/PandaGoAdmin/PandaX">@熊猫 PandaGoAdmin</a> - <a target="_blank" href="https://toscode.gitee.com/GionConnection/gopro_free">@甜蜜蜜 GoPro 平台</a> - <a target="_blank" href="https://gitee.com/GionConnection/niupi-free">@甜蜜蜜 NiuPi 平台</a> #### ❤️ 鸣谢列表 - <a href="https://github.com/vuejs/vue" target="_blank">vue</a> - <a href="https://github.com/vuejs/vue-next" target="_blank">vue-next</a> - <a href="https://github.com/ElemeFE/element" target="_blank">element-ui</a> - <a href="https://github.com/element-plus/element-plus" target="_blank">element-plus</a> - <a href="https://github.com/vuejs/vue-router-next" target="_blank">vue-router-next</a> - <a href="https://github.com/vuejs/vuex" target="_blank">vuex</a> - <a href="https://github.com/apache/echarts" target="_blank">echarts</a> - <a href="https://github.com/axios/axios" target="_blank">axios</a> - <a href="https://github.com/zenorocha/clipboard.js" target="_blank">clipboard</a> - <a href="https://github.com/inorganik/countUp.js" target="_blank">countUp</a> - <a href="https://github.com/developit/mitt" target="_blank">mitt</a> - <a href="https://github.com/rstacruz/nprogress" target="_blank">nprogress</a> - <a href="https://github.com/sindresorhus/screenfull.js" target="_blank">screenfull</a> - <a href="https://github.com/SortableJS/Sortable" target="_blank">sortablejs</a> - <a href="https://github.com/sass/sass" target="_blank">sass</a> - <a href="https://github.com/microsoft/TypeScript" target="_blank">typescript</a> - <a href="https://github.com/vitejs/vite" target="_blank">vite</a> - <a href="https://github.com/wangeditor-team/wangEditor" target="_blank">wangeditor</a> - <a href="https://github.com/fengyuanchen/cropperjs" target="_blank">cropperjs</a> - <a href="https://github.com/davidshimjs/qrcodejs" target="_blank">qrcodejs</a> - <a href="https://github.com/crabbly/Print.js" target="_blank">print-js</a> - <a href="https://github.com/jbaysolutions/vue-grid-layout" target="_blank">vue-grid-layout</a> - <a href="https://github.com/antoniandre/splitpanes" target="_blank">splitpanes</a> - <a href="https://github.com/jsplumb/jsplumb" target="_blank">jsplumb</a> #### 💕 特别感谢 特别感谢老哥们的建议、指导与帮忙。谢谢！ - <a href="https://gitee.com/click33/sa-plus" target="_blank">@省长</a> - <a href="https://gitee.com/jskz/Jskz-SpringCloud" target="_blank">@唐参 - <a href="https://gitee.com/chuange" target="_blank">@川歌</a> #### 💌 支持作者 如果觉得框架不错，或者已经在使用了，希望你可以去 <a target="_blank" href="https://github.com/lyt-Top/vue-next-admin">Github</a> 或者 <a target="_blank" href="https://gitee.com/lyt-top/vue-next-admin">Gitee</a> 帮我点个 ⭐ Star，这将是对我极大的鼓励与支持。