客官留步

尊敬的小主，为了更好的开源，让开源走的更长久，请动一下可爱的小手指，点一下 star 吧~~在这里感谢您的支持与鼓励。我们将带着您的支持继续前行，为祖国的前端事业奉献一点点微薄之力~

Admin Work

简介：

Admin Work，是 Vue Admini Work 系列中最成熟和完善的中后台框架，全面的系统配置，优质模板，常用组件，真正一站式开箱即用 采用时下最流行的 Vue3 UI 库--NaiveUI

使用了当今最流行的技术框架： Vue3 + Vite2 + Typescript + Navie UI

项目地址：

• 🎉 官网&文档&授权--地址

• 🎉 Admin Work 演示地址（Vuex.x + Typescript + Navie UI + Vite2)

Vue Admin Work 系列中其它项目的演示地址

• 🎉 Vue Admin Work 演示地址（Vue2.x + Javascript + Element UI + Webpack）

• 🎉 Vue Admin Work X 演示地址（Vue3.x + Typescript + Element Plus + Webpack）

• 🎉 Vue Admin Work P 演示地址（Vue3.x + Typescript + Navie UI + Vite2)

• 🎉 Vue Admin Work A 演示地址（Vue3.x + Typescript + Antd + Vite2)

• 🎉 Arco Work 演示地址（Vue3.x + Typescript + Arco Design + Vite2)

Vue Admin Work 微信群

如果微信群已经过期，请添加客服~~邀请进群

Vue Admin Work QQ 群

Vue Admin Work 前端讨论 QQ 群

关注微信公众号 知码前端 方便以后更新、升级

适合人群

• 正在以及想使用 vue/naive-ui 开发，最好是有一定的编程知识，或者原来只从事切图写静态页的人想提高自己的前端能力。
• 熟悉 Vue.js 技术栈，使用它开发过几个实际项目。
• 对原理技术感兴趣，想进阶和提升的同学。

下载&安装

# 克隆项目，如果github打开速度比较慢，可以使用gitee地址
git clone -b master https://github.com/qingqingxuan/admin-work.git
# or
git clone -b master https://gitee.com/qingqingxuan/admin-work.git

# 进入项目目录
cd admin-work
# 安装依赖
npm install
# 本地开发 启动项目
npm run dev

特别感谢

🚀 vue3.x
🚀 naive-ui
🚀 vue-router-next
🚀 vuex-next
🚀 axios
🚀 mockjs
🚀 echarts

优势及注意事项

vue-admin-work 有如下优势:
1. 支持前端控制路由权限和后端控制路由模式
2. 支持 mock ，完全独立于后台
3. 提供了非常多的 mxin 代码块，方便集成各种功能
4. 内置了大量常用的组件，比如，上传，消息提示等
5. 支持多主题、多布局切换
使用注意事项:
1. 项目默认使用使用vscode工具进行开发，也是唯一推荐的开发工具
2. 项目默认eslint校验规范
3. 项目仅供个人或者团队学习商用。

效果图

|

捐赠

本项目是开源项目，开源不易，还请各们小主赏杯咖啡，以更好的维护此项目。您的支持是我们前进的最大动力。