# vue-tony-admin

**Repository Path**: crlang/vue-tony-admin

## Basic Information

- **Project Name**: vue-tony-admin
- **Description**: Vue Tony Admin 是一个免费开源的中后台前端模版。基于 Element Plus ，并且使用了最新的Vue3、Vite4、TypeScript 等主流技术开发，是开箱即用的中后台前端解决方案！
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://tony.crlang.com/doc
- **GVP Project**: No

## Statistics

- **Stars**: 16
- **Forks**: 4
- **Created**: 2022-01-08
- **Last Updated**: 2025-04-18

## Categories & Tags

**Categories**: backend

**Tags**: element-plus, TypeScript, vue3, admin, vite4

## README

<div align="center">
<a href="https://github.com/crlang/vue-tony-admin"> <img alt="Tony Admin Logo" width="200" height="200" src="http://tony.crlang.com/images/logo.png"></a>
<br>
<br>
<br>
<h1>Vue Tony Admin</h1>
</div>

**中文** | [English](./README.md)

## 简介

Vue Tony Admin 是一个免费开源的中后台前端模板。基于`Element Plus`，并且使用了最新的`vue3`,`vite2`,`TypeScript`等主流技术开发，开箱即用的中后台前端解决方案。

## 特性

- **🎉 最新技术栈**：使用 Vue3/vite2/TypeScript 等前端前沿技术开发
- **🧪 丰富场景**：多达 60+丰富的真实场景示例
- **🎨 可变主题**：可配置的主题
- **👓 暗黑模式**：领先一步的暗黑模式支持
- **🌐 国际化**：内置完善的国际化方案
- **🧩 数据交互** 拟真实的数据交互
- **🔒 权限控制** 内置完善的动态路由权限生成方案
- **🎫 易用组件** 封装 30+常见易用的组件

## 预览

- [Github](https://crlang.github.io/vue-tony-admin-site)
- [本地预览](https://tony.crlang.com/vue-tony-admin-site)

## 指南

- [Tony](http://tony.crlang.com/doc/) - Tony Admin 文档
- [Vue3](https://v3.cn.vuejs.org/) - Vue3 文档
- [Element-Plus](https://element-plus.gitee.io/) - Element Plus 文档
- [TypeScript](https://www.tslang.cn/docs/home.html) - TypeScript 文档
- [Vite](https://cn.vitejs.dev/) - Vite2 配置
- [Mock.js](http://mockjs.com/examples.html) - mockjs 示例

## 安装使用

```bash

# 获取项目代码
git clone https://github.com/crlang/vue-tony-admin.git

# 进入目录
cd vue-tony-admin

# 安装依赖
pnpm install

# 运行
pnpm dev

# 打包
pnpm build

```

## 更新日志

[CHANGELOG](./CHANGELOG.zh_CN.md)

## 项目地址

- [vue-tony-admin](https://github.com/crlang/vue-tony-admin)

## 如何贡献

如果遇到问题，欢迎你[提一个 Issue](https://github.com/crlang/vue-tony-admin/issues/new/choose)或者提交一个 Pull Request。

**Pull Request:**

1. Fork 代码!
2. 创建自己的分支: `git checkout -b feat/xxxx`
3. 提交你的修改: `git commit -am 'feat(function): add xxxxx'`
4. 推送您的分支: `git push origin feat/xxxx`
5. 提交 `pull request`

## Git 贡献提交规范

- 参考 [vue](https://github.com/vuejs/vue/blob/dev/.github/COMMIT_CONVENTION.md)

  - `feat` 增加新功能
  - `fix` 修复问题/BUG
  - `style` 代码风格相关无影响运行结果的
  - `perf` 优化/性能提升
  - `refactor` 重构
  - `revert` 撤销修改
  - `test` 测试相关
  - `docs` 文档/注释
  - `chore` 依赖更新/脚手架配置修改等
  - `workflow` 工作流改进
  - `ci` 持续集成
  - `types` 类型定义文件更改
  - `wip` 开发中

## 浏览器支持

本地开发推荐使用`Chrome 80+` 浏览器

支持现代浏览器, 不支持 IE

|   IE   | Edge | Firefox | Chrome | Safari |
| :----: | :--: | :-----: | :----: | :----: |
| 不支持 | 支持 |  支持   |  支持  |  支持  |

## 维护者

[@CRLang](https://github.com/crlang)

## 捐赠

如果你觉得这个项目对你有帮助，你可以帮作者买一杯奶茶表示支持!

<img alt="Tony Admin donate" width="400" height="200" src="https://crlang.com/sponsor2.png">

-- <a href="https://www.paypal.com/paypalme/crlang123">Paypal Me</a> --

## 感谢

感谢 Vue、Antd、Vben、Element Plus 提供的开源支持

## License

[MIT](./LICENSE)