一款简单易上手的基于ArcoDesign+vue3的中后台模版

683 阅读1分钟

大家好,今天给大家介绍一款开源免费且简单易上手的中后台模版。

项目介绍

M-Admin 是一款基于 Vue3、TypeScript、Arco-design-vue 的轻量级中后台模版,追求用简单的方式实现功能,无过度封装,旨在为开发者提供一个快速、简洁、易用的后台管理系统。项目提供强大的 MTable 组件,可以在一定程度上为您节省了造轮子的时间,另外项目还封装了一些常用的组件、hooks、指令等。

功能特性

  • 技术栈:基于Vue3、Vite、TypeScript、Arco-Design-Vue、Pinina等最新技术栈开发

  • 通用的组件:强大的表格组件,配置型表单等

  • 网络请求:提供完善的网络请求封装,提供统一的响应处理和多场景能力

  • 路由配置:支持本地静态路由和后台返回动态路由,路由简单易配置

  • 主题适配:支持暗黑主题适配,界面样式保持Arco风格

  • 国际化:支持多语言(i18n)

项目截图

analysis.png

analysis-dark.png

basic.png

tree.png

快速开始

环境准备

  • VSCode
  • Nodejs 16.0+,Pnpm7.0+

安装使用

1.拉取代码

 //从gitee上拉取代码
 git clone https://gitee.com/sina_xys/M-Admin.git
 //从github上拉取代码
 git clone https://github.com/sina-xys-felix/M-Admin.git

2.安装依赖

pnpm install

3.运行项目

pnpm dev

4.打包构建

pnpm build:prod

项目文档

项目中文文档 doc.m-admin.cn/

最后

项目目前还在持续更新中,欢迎您的参与。同时希望各位大佬多提供一些好的建议或者提交Pull requests