Vue Material Admin

Vue Material Admin 是一个基于 Vuetify 组件免费开源的纯前端中后台模版，使用了Vue3、Vite、Pinia、TypeScript、Pixi.js、Babylon.js、Three.js 等案例技术栈，在 Material Design 的设计规范和 Vuetify 基础组件上，继续向上构建开发，该项目主要以学习为主，用于功能展示和测试用例，也可用来作为项目的启动模版，会持续保持更新～ 🔥🔥🔥

🌻 页面截图

🍭 PreView

😠 原来的Gitee预览地址没了，不知道为啥Gitee不给用了，暂时用Vercel的吧！打不开的同学自行跑本地环境

• 🌍 Vercel https://vue-material-admin.vercel.app/
• 🍱 Github https://armomu.github.io/vue-material-admin (构建失败)
• 🍦 Gitee https://chenhuajie.gitee.io/vue-material-admin (不给用了)

👊 TODO

1. 🍳 Vuetify 组件
   • ✅ Buttons
   • ✅ CardS
   • ✅ Table
   • ✅ Calendar...
2. 🏡 智能家居控制组件
   • ✅ Apexcharts
   • ✅ 环形控制器(支持鼠标拖动进度)
   • ✅ 音乐播放器
   • ✅ 360度全景图预览(支持移动设备陀螺仪)
3. 🎥 Babylon.js
   • ✅ Havok物理引擎
   • ✅ 使用W、S、A、D键控制角色移动
   • ✅ 使用空格键跳跃
   • ✅ 上楼梯
4. 🔥 Pixi.js捕鱼DEMO
   • ✅ 小鱼自动移动
   • ✅ 射击撒网
   • ❌ 小鱼获取新位置后旋转对应角度方向
   • ❌ 击落效果获取金币
   • ❌ 音频
5. 🐝 适配
   • ✅ 夜间模式
   • ✅ 适配移动设备(大部分适配)
   • ✅ 主题颜色修改
6. 💻 后端
   • ❌ Nest.js

📑 本地开发

⚠️ 本地开发需要 nodejs 18/20 vite5不支持更低的nodejs版本

git clone https://github.com/armomu/vue-material-admin.git


cd vue-material-admin

# install

yarn install || npm install || pnpm install

# dev

yarn run dev || npm run dev || pnpm  run dev