🌈 介绍

基于 vue3.x + CompositionAPI + typescript + vite + element plus + vue-router-next + next.vuex，适配手机、平板、pc 的后台开源免费模板，希望减少工作量，帮助大家实现快速开发。

⛱️ 线上预览

• vue3.x 版本预览（vue-next-admin）https://lyt-top.gitee.io/vue-next-admin-preview/#/login
• vue2.x 版本预览（vue-prev-admin）https://lyt-top.gitee.io/vue-prev-admin-preview/#/login

💒 代码仓库

• vue3.x 版本 https://gitee.com/lyt-top/vue-next-admin
• vue2.x 版本 https://gitee.com/lyt-top/vue-next-admin/tree/vue-prev-admin

🚧 安装 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 有时会报错。node 版本 > 12xx.xx.x

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

# 进入项目
cd vue-next-admin

# 安装依赖
cnpm install

# 运行项目
cnpm run dev

# 打包发布
cnpm run build

🍉 git 命令

• 在本地新建一个分支：git branch newBranch
• 切换到你的新分支：git checkout newBranch
• 将新分支发布在 github、gitee 上：git push origin newBranch
• 在本地删除一个分支：git branch -d newBranch
• 在 github 远程端删除一个分支：git push origin :newBranch (分支名前的冒号代表删除)
• 注意删除远程分支后，如果有对应的本地分支，本地分支并不会同步删除！

💯 学习交流加 QQ 群

• 若加群了没同意（一般不会超过一天），那就是群满了，请换一个群试试

• 查看开发文档、vue-next-admin 开发文档正在编写中...

• 群号码： 1 群：665452019 2 群：766356862

  

❤️ 鸣谢列表

• vue
• vue-next
• element-ui
• element-plus
• vue-router-nex
• vuex
• echarts
• axios
• clipboard
• countUp
• mitt
• nprogress
• screenfull
• sortablejs
• sass
• typescript
• vite
• wangeditor
• cropperjs
• qrcodejs
• print-js
• vue-web-screen-shot
• vue-grid-layout
• splitpanes
• vue-drag-verify
• jsplumb

💕 特别感谢

特别感谢群里老哥的建议、指导与帮忙，谢谢！

• @省长
• @唐参
• @川歌

💌 支持作者

如果觉得框架不错，或者已经在使用了，希望你可以去 Github 或者 Gitee 帮我点个 ⭐ Star，这将是对我极大的鼓励与支持。