README
Vue Material Admin
vue-material-admin 是一个基于 Vuetify 免费开源的中后台模版。使用了Vue3,Vite,TypeScript等技术栈,在 material 设计规范和 Vuetify 基础组件的基础上,继续向上构建开发,可以用来作为项目的启动模版,也可用于学习参考,项目持续保持更新,如有改进及优化建议,直接提issues
dev分支为正在开发代码,v2分支为旧版本,切换到旧版本需要重新install一下安装webpack相关依赖v1是Vuetify1.x的老版本的备份
功能支持
| PWA | i18n | 响应式 | 暗黑主题 |
|---|---|---|---|
| ✅ | ❌ | ✅ | ✅ |
浏览器支持
本地开发推荐使用 Chrome 80+ 浏览器,支持现代浏览器, 不支持 IE
![]() IE | ![]() Edge | ![]() Firefox | ![]() Chrome | ![]() Safari |
|---|---|---|---|---|
| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
本地开发
⚠️ 注意:本地开发需要
nodejs14.18+以上版本
# 克隆项目
git clone https://github.com/Groundhog-Chen/vue-material-admin.git
# 打开文件目录
cd vue-material-admin
# 安装依赖
npm install
# 本地运行
npm run dev
预览地址
目录结构
┌ public
├─ tests
├─ src
│ ├─ assets
│ ├─ components
│ ├─ layout
│ ├─ plugins
│ ├─ router
│ ├─ store
│ ├─ styles
│ ├─ views
│ ├─ app.vue
│ └─ main.ts
└─ typings
├─ .editorconfig
├─ .env.development
├─ .env.production
├─ .eslintrc.cjs
├─ .gitignore
├─ .prettierrc.json
├─ env.d.ts
├─ index.html
├─ package.json
├─ README.md
├─ tsconfig.config.json
├─ tsconfig.json
└─ vite.config.ts
页面截图
Vue-Admin



