Vue Material Admin

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

🌻 页面截图

🍭 PreView

🧱Vercel需要墙！打不开的同学自行下载项目在本地开发环境预览，gitee已经不给用了

• 🌍 Vercel https://vue-material-admin.vercel.app/
• 🪄 这是个神奇的链接请不要点😁😁😁😁

👊 TODO

oreom-editor

拖拽页面小编辑器正在开发中。。。

1. 🍳 Vuetify 组件
   • ✅ Table
   • ✅ Calendar
   • ✅ DictSelect(自动注册可枚举字典下拉框)
2. 🏡 智能家居控制组件
   • ✅ 环形控制器(支持鼠标拖动进度)
   • ✅ 360度全景图预览(其实是Babylon.js的一个API而已)
3. 🎥 Babylonjs物理角色控制器，已经获得官方库推荐👍
   • ✅ 使用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

pnpm install

# dev

pnpm run dev