README.md · xin3197/Vue-ElPlus-Admin

# Vue-ElPlus-Admin

#### 介绍

Vue-ElPlus-Admin 一款基于 Vue3、TypeScript、Vite4、Pinia、Element-Plus 开源的后台管理框架，使用目前最新技术栈开发。项目提供常用的组件，在一定程度上节省您的开发效率。另外本项目还封装了一些常用Hooks、指令、动态路由等功能。

### 在线预览 👀

- Link：http://101.200.122.57:7415/#/home

### 代码仓库 ⭐

- Gitee：https://gitee.com/zjh-sir/vue-el-plus-admin
- GitHub：https://github.com/zanjiahao/Vue-ElPlus-Admin.git

### 项目功能 🔨

- 使用 Vue3.2 + TypeScript 开发，单文件组件**＜ script setup ＞**
- 采用 Vite4 作为项目开发、打包工具（配置 Gzip 打包、TSX 语法、跨域代理…）
- 使用 Pinia 替代 Vuex，轻量、简单、易用，集成 Pinia 持久化插件
- 使用 TypeScript 对 Axios 整个二次封装（请求拦截、取消、常用请求封装…）
- 支持 Element 组件主题切换、暗黑模式、i18n 国际化
- 使用 VueRouter 进行路由权限拦截、路由懒加载
- 常用自定义指令开发
- 使用 Prettier 统一格式化代码，集成 ESLint、Stylelint 代码校验规范

### 安装使用步骤 📔

- **Clone：**

```text
# Gitee
git clone https://gitee.com/zjh-sir/vue-el-plus-admin.git
# GitHub
git clone https://github.com/zanjiahao/Vue-ElPlus-Admin.git
```

- **Install：**

```text
npm install
cnpm install (需要自行配置淘宝镜像)
```

- **Run：**

```text
npm run dev
npm run serve
```

- **Build：**

```text
npm run build
```

- **Lint：**

```text
# eslint 检测代码
npm run lint:eslint

# prettier 格式化代码
npm run lint:prettier

# stylelint 格式化样式
npm run lint:stylelint
```

xin3197/Vue-ElPlus-Admin

简介

发行版

贡献者

近期动态

xin3197/Vue-ElPlus-Admin .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

xin3197/Vue-ElPlus-Admin