Awesome

💝 长期赞助商

🌈 介绍

基于 vue3.x + CompositionAPI setup 语法糖 + typescript + vite + element plus + vue-router-next + pinia 技术，适配手机、平板、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 + uni-app 商城 H5（vue-next-admin-shop）<a href="https://lyt-top.gitee.io/vue-next-admin-shop-preview" target="_blank">https://lyt-top.gitee.io/vue-next-admin-shop-preview</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	Firefox	Chrome	Safari
Edge ≥ 88	Firefox ≥ 78	Chrome ≥ 87	Safari ≥ 13

由于 Vue3 不再支持 IE11，故而 ElementPlus 也不支持 IE11 及之前版本。

⚡ 使用说明

建议使用 cnpm，因为 yarn 有时会报错。<a href="http://nodejs.cn/" target="_blank">node 版本 > 14.18+/16+</a>

Vite 不再支持 Node 12 / 13 / 15，因为上述版本已经进入了 EOL 阶段。现在你必须使用 Node 14.18+ / 16+ 版本。

# 克隆项目
git clone https://gitee.com/lyt-top/vue-next-admin.git

# 进入项目
cd vue-next-admin

# 安装依赖
cnpm install

# 运行项目
cnpm run dev

# 打包发布
cnpm run build

📚 开发文档

查看开发文档：<a href="https://lyt-top.gitee.io/vue-next-admin-doc-preview" target="_blank">vue-next-admin-doc</a>

💯 学习交流加 QQ 群

1 - 4 交流群已满，请加 vue-next-admin 交流群 5

群号：556254895

其它交流群请查看文档首页 vueNextAdmin 解疑问

💒 集成后端

<a target="_blank" href="https://gitee.com/zuohuaijun/Admin.NET">@zuohuaijun Admin.NET</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 target="_blank" href="https://gitee.com/tiger1103/gfast/tree/os-v3/">@游子 GFast-V3</a>
<a target="_blank" href="https://gitee.com/diygw/diygw-ui-php/">@diygw.com gw-ui-php</a>
<a target="_blank" href="https://gitee.com/zsvg/vboot-net">@zsvg vboot-net</a>
<a target="_blank" href="https://gitee.com/zsvg/vboot-java">@zsvg vboot-java</a>
<a target="_blank" href="https://gitee.com/wonderful-code/buildadmin">@青红造了个白 buildadmin</a>
<a target="_blank" href="https://github.com/xiaodingding/iotfast">@Goodwell iotfast(一个开源的物联网平台)</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/pinia" target="_blank">pinia</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/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/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://github.com/hxj9102/table2excel" target="_blank">js-table2excel</a>
<a href="https://github.com/mmf-fe/vite-plugin-cdn-import" target="_blank">vite-plugin-cdn-import</a>
<a href="https://github.com/js-cookie/js-cookie" target="_blank">js-cookie</a>
<a href="https://github.com/davidshimjs/qrcodejs" target="_blank">qrcodejs2-fixes</a>
<a href="https://github.com/ljharb/qs" target="_blank">qs</a>
<a href="https://github.com/JamieCurnow/vue-clipboard3" target="_blank">vue-clipboard3</a>
<a href="https://github.com/intlify/vue-i18n-next" target="_blank">vue-i18n</a>
<a href="https://github.com/vbenjs/vite-plugin-compression" target="_blank">vite-plugin-compression</a>
<a href="https://github.com/chenxch/vite-plugin-vue-setup-extend-plus" target="_blank">vite-plugin-vue-setup-extend-plus</a>

💕 特别感谢

特别感谢老哥们的建议、指导与帮忙。谢谢！

<a href="https://gitee.com/click33/sa-plus" target="_blank">@省长</a>
<a href="https://gitee.com/jskz/Jskz-SpringCloud" target="_blank">@唐参</a>
<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，这将是对我极大的鼓励与支持。