介绍

基于 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

使用说明

建议使用 cnpm，因为 yarn 有时会报错。

# 克隆项目
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 开发文档正在编写中...
• 群号码：665452019

鸣谢列表

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

特别感谢

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

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

支持作者

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