Language : [🇺🇸](./README.md) | [🇨🇳](./README.zh-CN.md) | 🇷🇺 | [🇹🇷](./README.tr-TR.md) | [🇯🇵](./README.ja-JP.md) | [🇫🇷](./README.fr-FR.md) | [🇵🇹](./README.pt-BR.md) | [🇸🇦](./README.ar-DZ.md) <h1 align="center">Ant Design Pro</h1> <div align="center"> UI-решение "из коробки" для корпоративных приложений как React boilerplate [](http://umijs.org/) [](https://dev.azure.com/ant-design/ant-design-pro/_build/latest?definitionId=1?branchName=master) [](https://david-dm.org/ant-design/ant-design-pro) [](https://david-dm.org/ant-design/ant-design-pro?type=dev) [](https://gitter.im/ant-design/pro-english?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge) [](https://gitter.im/ant-design/ant-design-pro?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)    </div> - Демо: http://preview.pro.ant.design - Домашняя страница: http://pro.ant.design - Документация: http://pro.ant.design/docs/getting-started - История изменений: http://pro.ant.design/docs/changelog - FAQ: http://pro.ant.design/docs/faq - Китайское зеркало сайта: http://ant-design-pro.gitee.io ## Поиск переводчиков :loudspeaker: Нам нужна ваша помощь: https://github.com/ant-design/ant-design-pro/issues/120 ## Возможности - :gem: **Аккуратный дизайн**: Посмотрите [спецификацию Ant Design](http://ant.design/) - :triangular_ruler: **Общие шаблоны**: Стандартные шаблоны для корпоративных приложений - :rocket: **Разработка, как искусство**: Новейший стек технологий React/umi/dva/antd - :iphone: **Отзывчивая верстка**: Создан для экранов разных размеров - :art: **Темизация**: Возможность изменения темы с помощью конфигурации - :globe_with_meridians: **Мультиязычность**: Встроенное i18n решение - :gear: **Лучшие практики**: Надежные процессы для хорошего кода - :1234: **Разработка по шаблону**: Простое в использовании решение для разработки - :white_check_mark: **UI тесты**: Разрабатывайте безопасно с юнит и e2e тестами ## Шаблоны ``` - Dashboard - Analytic - Monitor - Workspace - Form - Basic Form - Step Form - Advanced From - List - Standard Table - Standard List - Card List - Search List (Project/Applications/Article) - Profile - Simple Profile - Advanced Profile - Account - Account Center - Account Settings - Result - Success - Failed - Exception - 403 - 404 - 500 - User - Login - Register - Register Result ``` ## Использование ```bash $ mkdir <your-project-name> $ cd <your-project-name> $ yarn create umi # or npm create umi # Choose ant-design-pro: Select the boilerplate type (Use arrow keys) ❯ ant-design-pro - Create project with an layout-only ant-design-pro boilerplate, use together with umi block. app - Create project with a simple boilerplate, support typescript. block - Create a umi block. library - Create a library with umi. plugin - Create a umi plugin. $ git init $ npm install $ npm start # visit http://localhost:8020 ``` Больше информации в [документации](http://pro.ant.design/docs/getting-started). ## Совместимость Современные браузеры. | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera | | --- | --- | --- | --- | --- | | Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | ## Распространение Любые варианты распространения приветствуются! Вот несколько примеров того, как вы можете помочь распространению проекта: - Использовать Ant Design Pro в ежедневной работе. - Создавать [задачи](http://github.com/ant-design/ant-design-pro/issues) заводить баги или отвечать на вопросы. - Делать [pull-реквесты](http://github.com/ant-design/ant-design-pro/pulls) для совершенствования нашего кода.