# art-design-pro

**Repository Path**: yunyongzhang/art-design-pro

## Basic Information

- **Project Name**: art-design-pro
- **Description**: 一款兼具设计美学与高效开发的后台系统模版，助你快速构建专业级应用。
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://www.artd.pro/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 347
- **Created**: 2025-11-14
- **Last Updated**: 2025-11-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<img  src="https://www.qiniu.lingchen.kim/github-cover-light6.webp" />

<br />
<h1 align="center">Art Design Pro</h1>
<p align="center">一款兼具设计美学与高效开发的后台系统模版，助你快速构建专业级应用</p>
<div align="center">简体中文 | <a href="./README.md">English</a></div>

<br />
<div align="center">

[![license](https://img.shields.io/badge/license-MIT-green.svg)](./LICENSE) [![github stars](https://img.shields.io/github/stars/Daymychen/art-design-pro)](https://github.com/Daymychen/art-design-pro/stargazers) [![github forks](https://img.shields.io/github/forks/Daymychen/art-design-pro)](https://github.com/Daymychen/art-design-pro/network/members)

</div>
<br />

## 这个项目有什么特别的呢？

**界面设计**：现代化 UI 设计，流畅交互，以用户体验与视觉设计为核心

**极速上手**：简洁架构 + 完整文档，后端开发者也能轻松使用

**丰富组件**：内置数据展示、表单等多种高质量组件，满足不同业务场景的需求

**丝滑交互**：按钮点击、主题切换、页面过渡、图表动画，体验媲美商业产品

**高效开发**：内置 useTable、ArtForm 等实用 API，显著提升开发效率

**精简脚本**：内置一键清理脚本，可快速清理演示数据，立即得到可开发的基础项目

## 技术栈

开发框架：Vue3、TypeScript、Vite、Element-Plus、Tailwind CSS

代码规范：Eslint、Prettier、Stylelint、Husky、Lint-staged、cz-git

## 预览

<kbd><img src="https://www.qiniu.lingchen.kim/github-c1.webp" alt="浅色主题"/></kbd>

<kbd><img src="https://www.qiniu.lingchen.kim/github-c2.webp" alt="浅色主题"/></kbd>

<kbd><img src="https://www.qiniu.lingchen.kim/github-c4.webp" alt="暗黑主题"/></kbd>

<kbd><img src="https://www.qiniu.lingchen.kim/github-c5.webp" alt="暗黑主题"/></kbd>

## 快速访问

[演示地址](https://www.artd.pro) | [官方文档](https://www.artd.pro/docs) | [更新日志](./CHANGELOG.md)

## 安装运行

```bash
# 安装依赖
pnpm install

# 如果 pnpm install 安装失败，尝试使用下面的命令安装依赖
pnpm install --ignore-scripts

# 本地开发环境启动
pnpm dev

# 生产环境打包
pnpm build
```

## 精简版本

项目内置精简脚本，可快速移除项目中的演示数据，让开发者获得一个可快速开发的基础项目

```bash
pnpm clean:dev
```

## 技术支持

QQ群：<a href="https://qm.qq.com/cgi-bin/qm/qr?k=Gg6yzZLFaNgmRhK0T5Qcjf7-XcAFWWXm&jump_from=webapi&authKey=YpRKVJQyFKYbGTiKw0GJ/YQXnNF+GdXNZC5beQQqnGZTvuLlXoMO7nw5fNXvmVhA">821834289</a>（点击链接加入群聊）

## 兼容性

支持 Chrome、Safari、Firefox 等现代主流浏览器。

## 贡献

我们真诚欢迎并感谢每一位贡献者的支持！无论您有新想法、功能建议还是代码优化，都可以通过以下方式参与：

提交 Pull Request：分享您的代码，助力项目成长。

创建 GitHub Issue：提出 bug 反馈或新功能建议，让我们一起完善。

您的每一点贡献都让这个项目更进一步！快来加入我们的开源社区吧！

## 持续优化与扩展

项目保持活跃更新，支持最新前端技术栈，兼容主流框架，确保长期稳定性和扩展性。社区驱动的反馈机制，让你的需求快速融入项目迭代。

## 捐赠

如果你觉得这个项目为你减少了开发成本、化解了工作 / 生活里的难题，可以通过以下方式支持一下～

<img src="https://www.qiniu.lingchen.kim/%E7%BB%84%202%402x%202.png" alt="捐赠二维码"/>

## Star History

[![Star History Chart](https://api.star-history.com/svg?repos=Daymychen/art-design-pro&type=Date)](https://www.star-history.com/#Daymychen/art-design-pro&Date)