[微笑]：世上只有一种英雄主义，就是在认清生活真相之后依然热爱生活。

介绍

• maku-element-admin 是一个后台前端解决方案，它基于 Vue3、TypeScript、Element Plus、Pinia、Vite等实现。它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，暗黑模式，提供了常用的功能组件，它可以帮助你快速搭建企业级中后台产品原型。
• 使用门槛极低，采用MIT开源协议，完全免费开源且终身免费，可免费用于商业项目等场景。
• 演示环境：https://demo.maku.net/maku-element-admin
• 开发文档：https://maku.net/docs/maku-element-admin

目录结构

maku-element-admin
├─public   静态文件
│ 
├─src      源文件
│    ├─api         接口模块
│    ├─assets      资源文件
│    ├─components  常用组件
│    ├─i18n        国际化
│    ├─icons       svg图标
│    ├─layout      框架布局
│    ├─router      路由文件
│    ├─store       状态管理
│    ├─stypes      SCSS样式
│    ├─types       d.ts声明
│    ├─utils       常用工具
│    ├─views       业务视图
│    ├─App.vue     入口页面
│    ├─main.ts     入口文件，组件加载、初始化等
│ 
├─.env.development      开发环境配置
├─.env.production       生产环境配置
├─.eslintignore         eslint忽略的文件
├─.eslintrc.js          eslint规则配置
├─.prettierrc.js        prettier规则配置
├─components.d.ts       动态生成的
├─index.html            首页文件
├─package.json          依赖管理
├─tsconfig.json         TypeScript配置
├─vite.config.ts        Vite配置

安装

注意：需使用 nodejs 长期维护版本，如：[14.18+、16.x]，能保证项目的稳定运行。

# 克隆项目
git clone https://gitee.com/makunet/maku-element-admin.git

# 进入项目
cd maku-element-admin

# 安装依赖
npm install

# 运行项目
npm run dev

# 打包发布
npm run build

交流和反馈

• 官方社区：https://maku.net
• Github仓库：https://github.com/makunet/maku-element-admin
• Gitee仓库：https://gitee.com/makunet/maku-element-admin
• 技术解答、交流、反馈、建议等，请移步到官方社区，我们会及时回复，也方便今后的小伙伴寻找答案，感谢理解！

效果图

结束语

开源分享不易，感谢大家的支持，多关注，点赞。后续也会分享更多的干货和技术资讯，您的阅读就是对小编的支持，再次感谢各位！