https://github.com/xusenlin/vue-element-ui-admin

:maple_leaf: 一个基于Vue 3(ScriptSetup) + TS + Vite + ElementPlus + Pinia + VueRouter + Axios的后台模板，做了目录结构的整理和常用方法的封装，开箱即用 :)
https://github.com/xusenlin/vue-element-ui-admin

Last synced: 22 days ago
JSON representation

:maple_leaf: 一个基于Vue 3(ScriptSetup) + TS + Vite + ElementPlus + Pinia + VueRouter + Axios的后台模板，做了目录结构的整理和常用方法的封装，开箱即用 :)

• Host: GitHub
• URL: https://github.com/xusenlin/vue-element-ui-admin
• Owner: xusenlin
• License: mit
• Created: 2018-10-20T12:11:16.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-11-11T13:10:44.000Z (about 1 year ago)
• Last Synced: 2024-08-05T17:43:34.297Z (4 months ago)
• Language: Vue
• Homepage:
• Size: 8.67 MB
• Stars: 475
• Watchers: 16
• Forks: 119
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-hacking-lists - xusenlin/vue-element-ui-admin - :maple_leaf: 一个基于Vue 3(ScriptSetup) + TS + Vite + ElementPlus + Pinia + VueRouter + Axios的后台模板，做了目录结构的整理和常用方法的封装，开箱即用 :) (Vue)

README

        
# Vue 3(ScriptSetup) + TS + Vite + ElementPlus + Pinia + VueRouter + Axios

## 追求极简实用，杜绝花里胡哨。

> 番外： [MareWood](https://github.com/xusenlin/MareWood) 是一个 Go 开发的轻量级前端部署工具,可以很灵活的配置各种打包部署环境并提供访问,特别是远程的时候，方便后端和测试使用。

> react版： https://github.com/xusenlin/react-ant-ui-admin

# 介绍

- 干净简单职责清晰的一个后台模板，开箱即用。

- 简单处理Axios以方便json、formData、文件上传的操作

- 全部使用vue3 的单文件 ScriptSetup

- 封装分页一把梭哈，快速接入业务

# 系统一览

### Stores 

使用极轻的 Pinia 约 1kb，目前有 app 和 user 两个 stores,app 目前存储侧边栏开关、黑暗模式、tabsChrome的状态和内容，

user则需要你根据你的系统完善，他用来储存用户的token，权限等。

### Router

系统的路由除了提供页面之间的跳转还参与菜单的显示，菜单和路由一致，支持无限层级嵌套，并在路由配置的RouteMeta上扩展提供了描述菜单隐藏和权限等配置。

### 打包环境

目前支持测试、预发布、本地、正式环境的打包，配置好相应的请求，打包自动选择。如果使用配合使用 MareWood ，那么我只负责提交分支和代码，任何分支和环境的预览地址都可以打包。

![Repo](preview.png)