<div align="center">
  <h1>Arco Design Pro</h1>
</div>

<div align="center">

基于 [Arco Design](https://arco.design/) React 组件库的开箱即用的中后台前端解决方案。

Admin 中后台管理页面，创新的多架构方案。

[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/arco-design/arco-design-pro/blob/main/LICENSE)

</div>

<div align="center">

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

</div>

![f769c408-adf4-4a85-b4a5-cc0d7e7f29ef](https://user-images.githubusercontent.com/19399269/148364725-b7a36383-04a9-4d67-87a4-91e970d0d083.gif)

## ✨ Features

- **TypeScript** - 代码完全使用 TypeScript 书写
- **Arco Design** - 由 [ArcoDesign React](https://github.com/arco-design/arco-design) 组件库强力驱动
- **Templates** - 16+ 页面模版，覆盖表格、列表、表单、工作台、可视化等场景。
- **Themes** - 基于「[风格配置平台](https://arco.design/themes)」丰富的主题市场，让你的项目千变万化。
- **Dark Theme** - 一键丝滑切换暗黑风格
- **Mock** - 内置 API 模拟方案
- **Flexible** - 灵活的多架构方案，支持 [next.js](https://github.com/vercel/next.js) / [vite](https://github.com/vitejs/vite) / [cra](https://github.com/facebook/create-react-app) 等开发框架
- **I18n** - 内置国际化多语言解决方案
- **Config** - 灵活配置页面配色、布局等

## 🔥 多架构方案

本质上 Pro 项目是一套项目模版，市面上常见的中后台项目模版一般都有固定的选型和架构，这样用户如果想自己修改架构，成本会比较大。

所以 Arco Pro v2 版本设计了一套多架构方案，能够在最大化的代码重用的基础上，输出多种架构的 pro 模版。

![2c7d7cf6-75a8-4014-bc9c-c9999e006c3b](https://user-images.githubusercontent.com/19399269/148364848-bd19d06c-6ca4-4faf-abbf-671ebb05e680.png)

## 🌈 Usage

```bash
$ npm i @arco-design/arco-cli@latest yarn -g

$ arco init my-project
```

## 💎 Changelog

- [中文版](https://github.com/arco-design/arco-design-pro/blob/main/docs/changelog.zh-CN.md)

- [英文版](https://github.com/arco-design/arco-design-pro/blob/main/docs/changelog.md)

## LICENSE

[MIT](frontend/LICENSE) © [ArcoDesign](https://arco.design)
